微信小程序首頁數據初始化失敗導致數據刷不出來的解決方法" />

欧美日韩国产一区,亚洲一区视频,色综合久久久久,私密按摩师舌头伸进去了,99re6这里只有精品,夜夜性日日交xxx性hd

分享干貨----->微信小程序首頁數據初始化失敗導致數據刷不出來的解決方法

  • • 發(fā)表于 8年前
  • • 作者 半夏O微涼
  • • 10642 人瀏覽
  • • 6 條評論
  • • 最后編輯時間 8年前
  • • 來自 [技 術]

原創(chuàng)聲明:本文為作者原創(chuàng),未經允許不得轉載,經授權轉載需注明作者和出處

用戶首次后再次進入小程序時,我們通常需要通過獲取用戶openid或unionid用作唯一標示與后臺進行數據交流,初始化用戶信息。當我們通過第三方服務器跟微信建立請求時,微信需要用戶確認是否公開信息。
在請求的同時,我們的首頁index已經加載完成,圖中初始化數據顯示為空。無論我們將請求信息寫在app.js的onload中或者index.js中,當我們點擊確認后,請求信息才執(zhí)行success方法,將第三方服務器返回的數據處理

方法:
通過設計一個“臨時加載頁-welcome”來達到我們想要的效果,這個臨時加載頁類似于Android的歡迎界面,但當數據加載完成,或者我在第二次進入時,將自動跳轉到我們的主頁。

// pages/welcome/welcome.js
Page({
data:{},
onLoad:function(options){
// 頁面初始化 options為頁面跳轉所帶來的參數
var that = getApp()
try {
//首先檢查緩存中是否有我們需要請求的數據,如果沒有,我們再跟服務器連接,獲取數據
//首次登陸肯定是沒有的
that.globalData.userInfo = wx.getStorageSync(‘userInfo’)
if(wx.getStorageSync(‘userInfo’)!=’’){
//如果緩存不為空,即已經存在數據,我們不用再跟服務器交互了,那么直接跳轉到首頁
wx.switchTab({
url: ‘../index/index’,
})
}
if (value) {
// Do something with return value
console.log(that.globalData.userInfo)
}
} catch(e){
// Do something when catch error
//當try中的緩存數據不存在時,將跳到這步,這步中,我們將與服務器進行連接,并獲取數據
if(that.globalData.userInfo == ‘’){
wx.login({
success: function(res) {
//獲取用戶code,轉發(fā)到我們的服務器,再在我們服務器與微信交互,獲取openid
var code = res.code
wx.getUserInfo({
success: function(userInfo) {
var encryptedData = userInfo.encryptedData
var iv = userInfo.iv
//我們服務器請求地址
var url = that.apiHost + ‘index/login’
var userinfo = userInfo.userInfo
var username = userinfo.nickName —->注:success里的數據可以改成 你首頁需要獲取的數據,分別把 他們存在全局變量里
var useravatar =userinfo.avatarUrl
var usersex=userinfo.gender
wx.request({
url: url,
method: ‘POST’,
data: {
‘code’: code,
‘username’:username,
‘useravatar’:useravatar,
‘usersex’:usersex
},
header: {
“Content-Type”: “application/x-www-form-urlencoded”
},
success:function(response) {
//數據交互成功后,我們將服務器返回的數據寫入全局變量與緩存中
console.log(response.data)
//寫入全局變量
that.globalData.userInfo = response.data
wx.hideToast()
//寫入緩存
wx.setStorage({
key: ‘userInfo’,
data: that.globalData.userInfo,
success: function(res){
console.log(“insert success”)
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
//寫入后,我們將跳轉到主頁
wx.switchTab({
url: ‘../index/index’,
})
},
failure: function(error) {
console.log(error)
},
})
}
})
}
})}
}
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關閉
},
redirect:function(){
wx.switchTab({
url: ‘../index/index’,
})
}
})

分享到:
6條評論
Ctrl+Enter
作者

半夏O微涼

半夏O微涼

APP:1 帖子:16 回復:72 積分:1027

已加入社區(qū)[3097]天

做最優(yōu)秀的自己!!!

作者詳情》
Top