最近在做小程序項目，發(fā)現(xiàn)小程序的頁面間經(jīng)常需要傳遞一些數(shù)據(jù)。
根據(jù)自己的了解和熟悉，針對不同的數(shù)據(jù)要求，總結(jié)到有幾種不同的傳數(shù)據(jù)方式，下面做一下簡單的介紹歸納。
第一種：
頁面跳轉(zhuǎn)時通過url傳遞使用wx.navigateTo 與 wx.redirectTo 的時候，可以將部分數(shù)據(jù)放在 url 里面，并在新頁面 onLoad 的時候獲取且初始化。
//pageA.js // Navigate wx.navigateTo({
url: '
../pageB/pageB?name=lin&gender=male'
, }
) // Redirect wx.redirectTo({
url: '
../pageB/pageB?name=lin&gender=male'
, }
) // pageB.js ... Page({
onLoad: function(option){
console.log(option.name + '
is'
+ option.gender);
this.setData({
option: option }
);
}
}
)需要注意的問題：
使用wx.navigateTo 與 wx.redirectTo時，不允許跳轉(zhuǎn)到 tab 所包含的頁面；onLoad只執(zhí)行一次；適用：
這種方式一般適用于少數(shù)頁面之間需要少量數(shù)據(jù)傳遞，如B頁面需要A頁面中的1-2個數(shù)據(jù)等等。
第二種：
使用全局變量來傳遞在 app.js 文件中定義全局變量 globalData，舊頁面將要傳遞的數(shù)據(jù)賦值存放在里面，新頁面調(diào)用全局變量獲取傳遞數(shù)據(jù)值。
// app.js App({
// 全局變量 globalData: {
name: null }
}
) //pageA.js ··· getApp().globalData.name = "lin";
//pageB.js ··· this.setData({
userName: getApp().globalData.name }
);
要注意的問題：
使用的時候，直接使用 getApp() 拿到存儲的信息。
適用：
這種方式一般適用于多個頁面或者全部頁面都需要獲取使用同一個數(shù)據(jù)，比如一開始進入首頁就獲取到的用戶信息等；第三種：
使用本地緩存使用小程序中的本地緩存Storage，舊頁面將傳遞數(shù)據(jù)存入緩存中，新頁面通過調(diào)用獲取緩存的API得到數(shù)據(jù)。
//pageA.js ··· wx.setStorageSync('
sessionId'
, res.sessionId);
//pageB.js ··· var sessionId = wx.getStorageSync('
sessionId'
);
要注意的問題：
Storage每次存入會覆蓋掉原來該 key 對應(yīng)的內(nèi)容。
如果用戶主動刪除小程序或因存儲空間原因被系統(tǒng)清理，Storage中數(shù)據(jù)將被清除。
單個 key 允許存儲的最大數(shù)據(jù)長度為 1MB，所有數(shù)據(jù)存儲上限為 10MB。
適用：
這種方式一般適用于即使小程序退出然后再重新進入，也要保留的數(shù)據(jù)，類似于登錄狀態(tài)的保留等。
推薦教程：
《微信小程序》以上就是小程序頁面間傳遞數(shù)據(jù)的方式的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
小程序本文轉(zhuǎn)載于：
簡書，如有侵犯，請聯(lián)系[email protected]刪除
上一篇：
八分鐘帶你入門微信小程序開發(fā)
下一篇：
小程序畫布canvas隱藏的問題解決相關(guān)文章相關(guān)視頻新手必備的微信小程序開發(fā)指南微信小程序省市聯(lián)動功能微信小程序中自定義select下拉選項框組件微信小程序必知必會面試題小程序頁面間傳遞數(shù)據(jù)的方式小程序API接口（一）小程序API接口（二）第三方平臺開發(fā)小程序（一） [溫州做小程序]