### [微信小程序实例：如何获取和渲染数据（附代码）](https://www.prosaas.cn/article/17101)

**Published:** 2018-08-16T09:50:35

**Author:** 5201314

**Excerpt:** 本篇文章给大家带来的内容是关于微信小程序实例：如何获取和渲染数据（附代码），有一定的参考价值，有需要的朋友可以…

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

**1.数据获取：**

注意：

1.服务器地址要配置https

2.配置合法域名

3.本地调试记得在开发者工具勾选

![](https://img-blog.csdn.net/2018081615120843?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0cF96c2o=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

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

以上就是微信小程序实例：如何获取和渲染数据（附代码）的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---