微信小程序 調用遠程接口，給全局數組賦值

關鍵是 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指向永遠值得是自己的上下文環境

 

原創文章，歡迎轉載，轉載請注明出處！