微信小程式實例：如何取得和渲染資料（附程式碼）

這篇文章帶給大家的內容是關於微信小程式實例：如何取得和渲染資料（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

1.資料取得：

注意：

#1.伺服器位址要設定https

2.設定合法網域名稱

3.本地偵錯記得在開發者工具勾選

wx.request({
   url: '接口地址',
   data: {},
   success: function (res) {},
   fail:function(err){}
})

2.資料渲染：

  js程式碼如下：

onLoad: function (options) {
  var that=this;
    wx.request({
      url: 'https://xxxxxxx',
      data: {},--参数
      success: function (res) {
       that.setData({
          shuju:res.xxxxx
       })
      },
      fail: function (err) {
        //失败执行
      }
    })    
}

頁面渲染：

<block wx:for="{{shuju}}">
    <view>{{item.xxx}}</view>
</block>

 相關推薦：

微信小程式實例：表單提交的程式碼實作

#微信小程式實例：如何取得使用者的openid（附程式碼）

以上是微信小程式實例：如何取得和渲染資料（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！