微信小程序request内setdata修改data中变量值

2024-07-10 23:01| 来源: 网络整理| 查看: 265

微信小程序request内setdata值老样子~直接重点：介绍的话网上一大堆，咱们只上实例，必要的重点标注，减少认知成本!!!

常用给对象赋值函数为

this.setData({ data:recommendList })

在request中应为

that.setData({ data:recommendList })

this这个对象指的是当前的Page,而在wx.request中指的则是wx；重点：在使用that.setData时应该在wx.request上方加入let that=this;相当于将this的对象功能赋予that使用

测试实例代码：

data: { realTime:10, gg:10, }, onShow: function() { /** * 防止用户拿不到最新数据(因为页面切换会重新计时) * 无条件请求一次最新数据 */ console.log('请求接口：刷新数据(无条件执行)') /** * 每隔一段时间请求服务器刷新数据(客户状态) * 当页面显示时开启定时器(开启实时刷新) * 每隔1分钟请求刷新一次 * @注意：用户切换后页面会重新计时 */ let that=this; this.data.realTime = setInterval(function() { let zt1=that.data.gg; console.log("msg"+that.data.gg); wx.request({ url: '此处自行添加url，若在小程序详情中设置不校验合法域名，则必须使用https://加密的域名', header:{ 'content-type':'application/json' }, success:function(res){ console.log(res.data); //重点：使用recommendList存储res.data数据 const recommendList=res.data.code; console.log(recommendList); that.setData({ gg:recommendList }) } }) }, 5000)//间隔时间 // 更新数据 this.setData({ realTime:this.data.realTime,//实时数据对象(用于关闭实时刷新方法) }) },

后续增加采集服务器数据，并保存及数据库的相应操作。

【本文地址】

公司简介

联系我们