微信小程序中如何正确调用并解析JSON数据接口？
- 内容介绍
- 文章标签
- 相关推荐
本文共计600个文字，预计阅读时间需要3分钟。
开始写js，使用request请求接口url，当请求成功时，在控制台打印返回的res.data数据，在控制台可以看到打印了接口数据，请求接口成功后，用setData接收数据，并在dat中存储。
开始写js，用request请求接口url，当请求成功的时候，在控制台打印一下返回的res.data数据，在控制台可以看到打印了接口数据了，在请求接口成功之后，用setData接收数据，并且需在data中声明一个接收数据的变量。
Page({ data: { list: [] }, onLoad: function (options) { wx.request({ url: 'c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=27&_=1519963122923', header: { 'content-type': 'application/json' }, success: res => { console.log(res.data) this.setData({ //第一个data为固定用法 list: res.data }) } }) }, })
这个时候可以看到，应用程序数据AppData里面，整个json数据全部都已经放在了list集合里面了。
js写完之后，现在开始写wxml里面的内容，将数据渲染在界面，这个我想重点的写一下，因为对于json的处理上是很重要的一个事情，很多人都会在解析json的时候出现这样或者那样的问题，导致页面数据渲染不出来，达不到自己的预期效果。
本文共计600个文字，预计阅读时间需要3分钟。
开始写js，使用request请求接口url，当请求成功时，在控制台打印返回的res.data数据，在控制台可以看到打印了接口数据，请求接口成功后，用setData接收数据，并在dat中存储。
开始写js，用request请求接口url，当请求成功的时候，在控制台打印一下返回的res.data数据，在控制台可以看到打印了接口数据了，在请求接口成功之后，用setData接收数据，并且需在data中声明一个接收数据的变量。
Page({ data: { list: [] }, onLoad: function (options) { wx.request({ url: 'c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=27&_=1519963122923', header: { 'content-type': 'application/json' }, success: res => { console.log(res.data) this.setData({ //第一个data为固定用法 list: res.data }) } }) }, })
这个时候可以看到，应用程序数据AppData里面，整个json数据全部都已经放在了list集合里面了。
js写完之后，现在开始写wxml里面的内容，将数据渲染在界面，这个我想重点的写一下，因为对于json的处理上是很重要的一个事情，很多人都会在解析json的时候出现这样或者那样的问题，导致页面数据渲染不出来，达不到自己的预期效果。