微信小程序的userInfoReadyCallback理解

首先小程序的执行顺序是:app.onLaunch--->page.onLoad

关于userInfoReadyCallback要明确三点:

  1. userInfoReadyCallback这个方法是在page.onload中定义的。

  2. 如果userInfoReadyCallback方法被定义了,则说明page.onload比当前方法运行的早(page已经完成初始化),app的globalData还没有数据,通过此回调可以及时的刷新数据

  3. 如果userInfoReadyCallback方法没有被定义,则说明page.onload比当前方法运行的晚(page还没有初始化),app的globalData是有值的,可以在page.onload中取globalData里面的值

用法:

app.js

// 获取用户信息
    checkLogin:function(){
    var self = this;
    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        var url = Api.getLogin();
        var getOpenId = wxRequest.postRequest(url, { js_code: res.code });
        getOpenId.then(sue => {
          self.globalData.openid = sue.data.data.openid;
          self.globalData.session_key = sue.data.data.session_key;

          wx.setStorageSync('openid', sue.data.data.openid);
          wx.setStorageSync('session_key', sue.data.data.session_key);

          if (self.userInfoReadyCallback) {
          self.userInfoReadyCallback(sue)
          }
        });
      }
    })

index.js

onLoad: function () {
    let self = this;
    self.appInit();
    app.userInfoReadyCallback = res => {
      if(res != ''){
        self.appInit();
      }
    }
  },

应用范围:解决小程序执行onload时,异步加载网络请求的数据

猜你喜欢

转载自blog.csdn.net/u011280778/article/details/91385004