微信小程序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,//实时数据对象(用于关闭实时刷新方法)
})
},
后续增加采集服务器数据,并保存及数据库的相应操作。