微信小程序 调用远程接口,给全局数组赋值

关键是 let that = this

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

 

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

正确代码如下:

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
        })
      }
    })
  }
})

 

最开始的报错代码如下:

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 thirdScriptError
Cannot read property ‘setData‘ of null;at pages/index/index onLoad function;at api request success callback function
TypeError: Cannot read property ‘setData‘ of null

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

 

原创文章,欢迎转载,转载请注明出处!

微信小程序 调用远程接口,给全局数组赋值

上一篇:Effective Java 34 Emulate extensible enums with interfaces


下一篇:微信状态码封装类,将状态码转为文字描述