首页 > 微信 > 详细

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

时间:2019-07-17 11:30:46      阅读:108      评论:0      收藏:0      [点我收藏+]

关键是 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指向永远值得是自己的上下文环境

 

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

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

原文:https://www.cnblogs.com/acm-bingzi/p/wechat_array.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!