分享下自己写的一个微信小程序请求远程数据加载到页面的代码

1  思路整理

就是页面加载完毕的时候  请求远程接口，然后把数据赋值给页面的变量 ，然后列表循环

 

2 js相关代码  我是改的 onload函数

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;//这里注意，要不然setData不可用
    wx.request({
      url: 'http://****/index.php/Home/Wechat/index', // 仅为示例，并非真实的接口地址
      
      header: {
        'content-type': 'application/json' // 默认值
      },
      success(res) {
        console.log(res.data)
        
        that.setData({
          datalist: res.data,
        })
      }
    })
  },

 

3  模板页面直接循环即可

    <view wx:for="{{datalist}}" class="scroll-view-item-01">
        <view class="item_01" bindtap="bindViewDetailTap">
           {{item.title}}
        </view>
        <view class="item_02">
            {{item.time}}
        </view>
    </view>