小程序——异步请求中调用this.setData({})

最新推荐文章于 2024-01-09 16:19:20 发布

YouYiLucifer

最新推荐文章于 2024-01-09 16:19:20 发布

阅读量6.3k

点赞数 1

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_42263613/article/details/89528328

版权

当在小程序中进行异步wx.request操作并尝试使用this.setData更新状态时，会遇到this指向问题。通常需要保存this为that并在异步回调中使用，或者利用箭头函数保持this指向。本文介绍了两种解决方法，包括使用临时变量和箭头函数，以确保正确调用setData。

摘要由CSDN通过智能技术生成

情景：

page的data里有一个message,想要在执行wx.request成功的时候修改它的值。

data: {
   
	message:"hi~"
}

一般很容易这样写：

getMassage: function () {
   
	wx.request({
   
    	url: 'http://127.0.0.1/test.php',
    	method:'GET',
    	header: {
   
        	'content-type': 'application/json' 
    	},
    	success: function (res

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YouYiLucifer

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序——异步问题

Yua_H的博客

04-19

2982

问题描述：微信小程序中的函数是异步调用的，因此如果需要先执行一个函数，然后的到函数的返回值，在执行下一个函数（特别是调用数据库操作，因为数据库查询比较慢），就要采用异步操作解决方法：利用Promise解决异步问题实例：在A界面中查找数据库，若数据库中存在用户的信息（证明用户已经登录过），修改全局变量。B界面利用这个全局变量实现头像和昵称的显示 app.js（A界面）： //查找用户是否在数据库中 findUsersInDB() { var that = this let pro

微信小程序-setData()方法的使用和注意事项（同步和异步）

yupyuping的博客

02-03

8364

1. setData的使用 Page.prototype.setData(Object data, Function callback) setData函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的this.data的值（同步）。 Object以key: value的形式表示，将this.data中的key对应的值改变成value。其中key可以以数据路径的形式给出，支持改变数组中的某一项或对象的某个属性，如array[2].message，a.b.c....

参与评论您还未登录，请先登录后发表或查看评论

关于 setData 同步异步的问题

热门推荐

a_靖的博客

12-23

3万+

微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。正文： 1.this.setData({ }) <view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="tap_start" class="page-top" style="{{translate...

this.data 与 this.setData({})

weixin_43069018的博客

09-04

257

this.setData 对界面进行刷新 this.data 仅仅是对数据进行更新

微信小程序动态修改数组中的指定下标的属性值

01-14

因为微信小程序中的数据操作必须是响应式的，这意味着我们需要使用`this.setData()`方法来更新数据。例如，如果我们想修改索引为1的元素的`name`属性，应该这样做： ```javascript this.setData({ ['list[' + ...

微信小程序 封装http请求实例详解

08-31

首先，我们需要了解微信小程序中的网络请求API——`wx.request()`. 这个API用于发起HTTP(S)请求，其基本使用方式如下： ```javascript wx.request({ url: 'https://example.com/data', // 必填，网络请求的URL ...

【微信小程序高频面试题——精选一】

ytfty24124的博客

11-28

7504

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到IOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

微信小程序异步获取请求success回调函数中的this.setData问题

是吗乔治的博客

09-12

3394

直接使用this.setData Cannot read property 'setData' of undefined;at api operateWXData success callback function TypeError: Cannot read property 'setData' of undefined 问题原因 success方法指向闭包，所以this属于闭包，由此在suc...

【微信小程序】本地模拟数据实现上滑加载

24min的博客

04-21

1316

Page({ /** * 页面的初始数据 */ data: { list:[ { time: '2015-05-06 09:12:30', moneynum: '-34', washid: '009987889' }, { time: '2015-05-06 09:12:30', ...

微信小程序中的setData

cjx1259972299的博客

08-17

658

setData() 方法并不是一个同步的方法，而是一个异步的方法，所以当我们用 setData() 修改 data 中的值时，为了保证可以拿到修改之后的值，就可以在 setData() 的回调里面拿： data: { options: {} }, onload: function (options) { this.setData({ options: options ...

微信小程序之setData用法

weixin_50367873的博客

11-18

3588

setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 setData()用法： setData(data, callback); // data需为可 JSON 化的数据，callback在 setData 对界面渲染完毕后调用 setData() 的第一个参数 data 是 Object 类型的数据，其中 key 可以非常灵活，可以以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预

微信小程序之setData使用

w_minx的博客

10-13

459

setData() 1、参数接受一个对象，以key，value的形式表示； 2、参数和变量名称一致，可用一个值代替（es6新语法特性） 3、可以设置一个或多个数据 this.setData({ list:'change data', info:'change data' }) 4、修改json对象 that.setData({ 'carSum.total_count': count, 'carSum.total_fee': sum }) 5、修改数组项的属性 let q...

小程序中使用this.setData()遇到的问题及解决方案

weixin_64397810的博客

04-16

6428

最近在学习小程序时遇到了关于setData()的不少问题，在这里做一些总结和记录。 1.setData()使用方法总结 2.如何修改数组对象中的一个数据 3.双向绑定

小程序SetData同步还是异步问题

景色分明

07-14

1万+

小程序SetData同步还是异步刚进新公司不久,学了几天小程序,由于之前是用React的,所以学起来相对轻松,但是也有许多不同,不明白的点. 问题 React中,this.setState是异步的,改变state之后是不能立马获取到改变之后的值的. this.setState({ name:'zhang' }) console.log(this.state.name);/...

微信小程序中关于setData()函数的异步同步概念的解释

magicdoger的博客

08-01

7709

我们看下官网给的一句话解释：首先了解一个简单的“异步调用函数”的通俗解释：对于那些不知何时会发生的事件，我们对其调用异步函数。然后我们看下setData（）的两个功能过程：setData函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的this.data的值（同步）。再来看setdata调用情景：一般setData（）方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息由...