zoukankan      html  css  js  c++  java
  • 微信小程序 调用远程接口,给全局数组赋值

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

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

  • 相关阅读:
    Hadoop 0.23.1 Release Notes
    maven编译参数
    Hadoop快速入门
    HTML Parser HTML Parser
    EasyHadoop v1.0
    Hudson+Maven+SVN 快速搭建持续集成环境
    对技术要有足够的尊重和敬畏
    hudson设置
    python之强大的日志模块 竹叶青 的专栏 博客频道 CSDN.NET
    PHP学习之七:错误控制运算符
  • 原文地址:https://www.cnblogs.com/acm-bingzi/p/wechat_array.html
Copyright © 2011-2022 走看看