微信小程序中怎么获取和渲染数据

这篇文章给大家分享的是有关微信小程序中怎么获取和渲染数据的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

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>

感谢各位的阅读!关于微信小程序中怎么获取和渲染数据就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!