微信小程序实例：如何获取和渲染数据附代码

本篇文章给大家带来的内容是关于微信小程序实例：如何获取和渲染数据（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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（附代码）