小程序之获取数据

通过地址获取数据

wxml中先将列表码出来，在将获取的数据使用for循环列出，然后通过默认的item调用，也可以自己修改默认值即 wx:for-item=“list”

wxml

<view class="row" wx:for="{{list}}" wx:key="id">
		<!-- 名称与语句 -->
		<view class="content">
			<view class="top">
				<view data-id="{{item.id}}">
					<view class="loginname">{{item.author.loginname}}</view>
					<view class="nickname" >{{item.title}}</view>
				</view>
			</view>
	    </view>
</view

js

  data: {
    list: [],
  },
  onLoad: function () {
    var that = this
    wx.request({
      url: 'https://cnodejs.org/api/v1/topics', // 是获取数据的地址
      success(res) {    // res是获取到的数据
        that.setData({
          list: res.data.data  // 将获取到的数据返回前端的list中
        })
      }
    })
  },