所属分类:php教程
使用wx.navigateTo
与 wx.redirectTo
的时候,可以将部分数据放在 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
时,不允许跳转到 tab 所包含的页面;onLoad
只执行一次;适用:
这种方式一般适用于少数页面之间需要少量数据传递,如B页面需要A页面中的1-2个数据等等。
在 app.js 文件中定义全局变量 globalData
,旧页面将要传递的数据赋值存放在里面,新页面调用全局变量获取传递数据值。
// app.js
App({
// 全局变量
globalData: {
name: null
}
})
//pageA.js
···
getApp().globalData.name = "lin";
//pageB.js
···
this.setData({
userName: getApp().globalData.name
});
登录后复制
要注意的问题:
getApp()
拿到存储的信息。适用:
这种方式一般适用于多个页面或者全部页面都需要获取使用同一个数据,比如一开始进入首页就获取到的用户信息等;
使用小程序中的本地缓存Storage
,旧页面将传递数据存入缓存中,新页面通过调用获取缓存的API得到数据。
//pageA.js
···
wx.setStorageSync('sessionId', res.sessionId);
//pageB.js
···
var sessionId = wx.getStorageSync('sessionId');
登录后复制
要注意的问题:
适用:
这种方式一般适用于即使小程序退出然后再重新进入,也要保留的数据,类似于登录状态的保留等。
推荐教程:《微信小程序》
以上就是小程序页面间传递数据的方式的详细内容,更多请关注zzsucai.com其它相关文章!