首先小程序的执行顺序是:app.onLaunch--->page.onLoad
关于userInfoReadyCallback要明确三点:
-
userInfoReadyCallback这个方法是在page.onload中定义的。
-
如果userInfoReadyCallback方法被定义了,则说明page.onload比当前方法运行的早(page已经完成初始化),app的globalData还没有数据,通过此回调可以及时的刷新数据
-
如果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时,异步加载网络请求的数据