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

微信小程序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,//实时数据对象(用于关闭实时刷新方法)
    })
          
    },

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

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值