微信小程序 調(diào)用遠程接口 給全局數(shù)組賦值代碼實例
更新時間：2019年08月13日 17:09:38 作者：賈樹丙
這篇文章主要介紹了微信小程序 調(diào)用遠程接口 給全局數(shù)組賦值代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
關鍵是 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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
基于js?+?html2canvas實現(xiàn)網(wǎng)頁放大鏡功能
最近接到任務,需實現(xiàn)【網(wǎng)頁】放大鏡的效果,百度搜索?【js?放大鏡】關鍵字,千篇一律的都是一些仿淘寶/京東等電商網(wǎng)站中查看規(guī)格大圖的效果實現(xiàn),根本無法滿足我的需求,于是自己花了點時間調(diào)研實現(xiàn),在這里分享給大家,感興趣的朋友可以參考下2023-12-12
這篇文章主要介紹了功能強大的Bootstrap效果展示，介紹常用Bootstrap效果的使用方法，感興趣的小伙伴們可以參考一下2016-08-08
谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法
這篇文章給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法，解決辦法非常好，感興趣的朋友可以參考下2016-02-02
這篇文章主要介紹了如何利用HTML+CSS+JavaScript制作一個花里胡哨的點擊按鈕。文中的示例代碼講解詳細，感興趣的小伙伴可以了解一下2022-03-03
今天小編就為大家分享一篇解決LayUI表單獲取不到data的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JavaScript Image對象實現(xiàn)原理實例解析
這篇文章主要介紹了JavaScript Image對象實現(xiàn)原理實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
本文通過實例代碼給大介紹了js多文件上傳的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
這篇文章主要為大家詳細介紹了微信小程序頁面生命周期的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
本文主要介紹了詳解uniapp頁面跳轉(zhuǎn)URL傳參大坑，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
本篇文章實例演示了Javascript的面向?qū)ο?-接口的用法。希望對大家有所幫助，下面就隨小編一起來看看吧2016-12-12