小程序数据延迟时,可使用userInfoReadyCallback解决

当小程序使用编译模式调试某个页面时。在onready里面获取全局变量会有延迟的情况,(这是我遇到的问题,不知道你们会不会),使用定时器的时候可以清楚的看到多少秒后,这些数据就可以拿到解决方法userInfoReadyCallback 需要再onload里面使用获取用户信息的网络请求,由于其返回结果不知道在index页面加载完成之前还是之后完成,因此分为两种情况:1.在index页面加载完成...
摘要由CSDN通过智能技术生成
当小程序使用编译模式调试某个页面时。在onready里面获取全局变量会有延迟的情况,(这是我遇到的问题,不知道你们会不会),使用定时器的时候可以清楚的看到多少秒后,这些数据就可以拿到
解决方法

userInfoReadyCallback 需要再onload里面使用
获取用户信息的网络请求,由于其返回结果不知道在index页面加载完成之前还是之后完成,因此分为两种情况:
1.在index页面加载完成之前返回:这时会优先执行app.jssuccess函数的代码,app.globalData.userInfo.openid_mini就会有值。运行到这里时,由于userInfoReadyCallback函数是在index.onload中定义的,因此此时该函数并没有被定义,所以不执行该函数。之后执行index.jsonload中的代码,执行第一个if分支,赋值给页面的userInfoisShowloginisbindOpenid

2.在index页面加载完成之后返回,这时就会延迟:这时会优先执行index.jsonload函数的代码,由于用户信息还没有返回,app.globalData.userInfo.openid_mini为undefined,执行第二个else分支,定义userInfoReadyCallback函数和isloginCallback函数返回数据,赋值给isShowloginisbindOpenid

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    var that = this;
    if (app.globalData.userInfo.openid_mini) {  //当可以获取到openid时
      that.setData({
        isShowlogin: app.globalData.islogin,
        isbindOpenid: app.globalData.isbindOpenid,
        userInfo: app.globalData.userInfo
      });
    } else{
      // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: app.globalData.userInfo
        });
      }
      app.isloginCallback = res => {
        //console.log(res);
        this.setData({
          isShowlogin: res,
          isbindOpenid: res,
        });
      }
    }
  },

userInfoReadyCallback ,和isloginCallback 分别在app.js里面写

//登录从新获取openid
  Login:function(fnback) {
    let that = this;
    let gData = this.globalData;
    wx.login({
      success: function (res) {
        if (res.code) {
          //发起网络请求
          wx.request({
            method: "POST",
            url: gData.requesturl + 'GetOpendid',
            data: {
              gid: gData.gid,
              code: res.code
            },
            success: function (res) {
              //console.log("从新获取openid");
              //console.log(res);
              if (res.errMsg === "request:ok") {
                gData.userInfo.openid_mini = res.data.openid;
              }
              // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (that.userInfoReadyCallback) {
                that.userInfoReadyCallback(res)
              }
              if (fnback)
                fnback(res.data.openid);
            }
          })
        } else {
          console.log('登录失败!' + res.errMsg)
        }
      }
    })
  },

	//另一个请求方法里的
	if (that.isloginCallback)
        that.isloginCallback(true)
     }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值