微信小程序 调用远程接口 给全局数组赋值代码实例
更新时间：2019年08月13日 17:09:38 作者：贾树丙
这篇文章主要介绍了微信小程序 调用远程接口 给全局数组赋值代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
关键是 let that = this
因为在onLoad 的 wx.request方法里， this指的是 wx.request 的上下文， 所以应该是在 onLoad 的时候定义 let that = this
调用远程服务，序列化后，把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指向永远值得是自己的上下文环境
正确代码如下：
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
})
}
})
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
最近接到任务,需实现【网页】放大镜的效果,百度搜索 【js 放大镜】关键字,千篇一律的都是一些仿淘宝/京东等电商网站中查看规格大图的效果实现,根本无法满足我的需求,于是自己花了点时间调研实现,在这里分享给大家,感兴趣的朋友可以参考下2023-12-12
这篇文章主要介绍了功能强大的Bootstrap效果展示，介绍常用Bootstrap效果的使用方法，感兴趣的小伙伴们可以参考一下2016-08-08
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
这篇文章给大家介绍了谷歌showModalDialog()方法不兼容出现对话窗口的解决办法，解决办法非常好，感兴趣的朋友可以参考下2016-02-02
这篇文章主要介绍了如何利用HTML+CSS+JavaScript制作一个花里胡哨的点击按钮。文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2022-03-03
今天小编就为大家分享一篇解决LayUI表单获取不到data的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了JavaScript Image对象实现原理实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
本文通过实例代码给大介绍了js多文件上传的实现方法，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
这篇文章主要为大家详细介绍了微信小程序页面生命周期的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
本文主要介绍了详解uniapp页面跳转URL传参大坑，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
本篇文章实例演示了Javascript的面向对象--接口的用法。希望对大家有所帮助，下面就随小编一起来看看吧2016-12-12
最新评论