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


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM