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

1.数据获取：

注意：

1.服务器地址要配置https

2.配置合法域名

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

1

2

3

4

5

6

wx.request({

url: '接口地址',

data: {},

success: function (res) {},

fail:function(err){}

})

2.数据渲染：

js代码如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

onLoad: function (options) {

var that=this;

wx.request({

url: 'https://xxxxxxx',

data: {},--参数

success: function (res) {

that.setData({

shuju:res.xxxxx

})

},

fail: function (err) {

//失败执行

}

})

}

页面渲染：

1

2

3

<block wx:for="{{shuju}}">

<view>{{item.xxx}}</view>

</block>

相关推荐：

微信小程序实例：表单提交的代码实现

微信小程序实例：如何获取用户的openid（附代码）

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

更多技巧请《转发 关注》哦！

以上内容为【微信小程序实例：如何获取和渲染数据（附代码）(微信小程序列表渲染)】的相关内容，更多相关内容关注容和商贸通。