微信小程序調(diào)用遠程接口給全局數(shù)組賦值代碼實例

發(fā)布時間：2020-10-03 11:57:51 來源：腳本之家閱讀：187 作者：賈樹丙欄目：web開發(fā)

關(guān)鍵是 let that = this

因為在onLoad 的 wx.request方法里， this指的是 wx.request 的上下文，所以應該是在 onLoad 的時候定義 let that = this

調(diào)用遠程服務，序列化后，把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 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指向永遠值得是自己的上下文環(huán)境

正確代碼如下：

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

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

微信小程序 調(diào)用遠程接口 給全局數(shù)組賦值代碼實例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽

微信小程序調(diào)用遠程接口給全局數(shù)組賦值代碼實例