玩龙虎合能赢到钱吗世界杯竞彩app哪个好

来源:乐虎lehu国际娱乐之家  责任编辑:小易  

关键是 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
    })
   }
  })
 }
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持乐虎lehu国际娱乐之家。

您可能感兴趣的文章:


  • 本文相关:
  • 微信小程序如何调用json数据接口并解析
  • 微信小程序调用天气接口并且渲染在页面过程详解
  • 微信小程序调用php后台接口 解析纯html文本
  • 微信小程序 wx.request(接口调用方式)详解及实例
  • 微信小程序常用赋值方法小结
  • 微信小程序 两种为对象属性赋值的方式详解
  • ecmascript6块级作用域及新变量声明(let)
  • layui数据表格实现重载数据表格功能(搜索功能)
  • javascript中创建字典对象(dictionary)实例
  • 微信小程序使用gitee进行版本管理
  • 简单实现js无缝滚动效果
  • js去除空格的12种实用方法
  • 理解javascript中的with关键字
  • js自定义函数实现时间戳转换成date的方法示例
  • es6系列教程_ map详解以及常用api介绍
  • ie与firefox在javascript上的7个不同写法小结
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.pradaoutletonline.net All Rights Reserved