分享下自己寫的一個微信小程序請求遠程數據加載到頁面的代碼

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>