微信小程序 调用远程接口 给全局数组赋值代码实例

微信(小程序)  /  管理员 发布于 6年前   441

关键是 let that = this

因为在onLoad 的 wx.request方法里， this指的是 wx.request 的上下文， 所以应该是在 onLoad 的时候定义 let that = this

调用远程服务，序列化后，把obj赋值给bookList

最开始的报错代码如下：

Page({ data: {  bookList: [] }, onLoad: function() {  wx.request({   url: 'https://jiashubing.cn/wechat/book',   header: {    'content-type': 'application/json'   },   success(res) {    var obj = JSON.parse(res.data)    console.log(obj)    this.setData({     bookList: obj    })   }  }) }})

报错为：

VM3293:1 thirdScriptErrorCannot read property 'setData' of null;at pages/index/index onLoad function;at api request success callback functionTypeError: Cannot read property 'setData' of null

报错原因是this 指向有问题，得在onload的时保存实例指向，let that ＝ this，下面全用that，this指向永远值得是自己的上下文环境

正确代码如下：

Page({ data: {  bookList: [] }, onLoad: function() {  let that = this  wx.request({   url: 'https://jiashubing.cn/wechat/book',   header: {    'content-type': 'application/json'   },   success(res) {    var obj = JSON.parse(res.data)    console.log(obj)    that.setData({     bookList: obj    })   }  }) }})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 微信小程序如何调用json数据接口并解析
• 微信小程序调用天气接口并且渲染在页面过程详解
• 微信小程序调用PHP后台接口 解析纯html文本
• 微信小程序 wx.request(接口调用方式)详解及实例
• 微信小程序常用赋值方法小结
• 微信小程序 两种为对象属性赋值的方式详解