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

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

  • 相关阅读:
    c# 键值数据保存XML文件
    c# 封装 Request操作类
    c# 获取客户端IP
    c#封装DBHelper类
    c# Cache 使用实例
    c#cookie读取写入操作
    c# Session写入读取操作
    ABAP-HTTP支持
    WDA-文档-基础篇/进阶篇/讨论篇
    UI5-文档-4.38-Accessibility
  • 原文地址:https://www.cnblogs.com/acm-bingzi/p/wechat_array.html
Copyright © 2011-2022 走看看