微信小程序 调用远程接口 给全局数组赋值代码实例
关键是letthat=this
因为在onLoad的wx.request方法里,this指的是wx.request的上下文,所以应该是在onLoad的时候定义letthat=this
调用远程服务,序列化后,把obj赋值给bookList
最开始的报错代码如下:
Page({ data:{ bookList:[] }, onLoad:function(){ wx.request({ url:'https://jiashubing.cn/wechat/book', header:{ 'content-type':'application/json' }, success(res){ varobj=JSON.parse(res.data) console.log(obj) this.setData({ bookList:obj }) } }) } })
报错为:
VM3293:1thirdScriptError Cannotreadproperty'setData'ofnull;atpages/index/indexonLoadfunction;atapirequestsuccesscallbackfunction TypeError:Cannotreadproperty'setData'ofnull
报错原因是this指向有问题,得在onload的时保存实例指向,letthat=this,下面全用that,this指向永远值得是自己的上下文环境
正确代码如下:
Page({ data:{ bookList:[] }, onLoad:function(){ letthat=this wx.request({ url:'https://jiashubing.cn/wechat/book', header:{ 'content-type':'application/json' }, success(res){ varobj=JSON.parse(res.data) console.log(obj) that.setData({ bookList:obj }) } }) } })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。