微信小程序获取页面参数
时间: 2023-11-16 19:06:28 浏览: 117
微信小程序获取网页数据
微信小程序可以通过以下两种方式获取页面参数:
1. 使用页面跳转API(例如`wx.navigateTo`、`wx.redirectTo`等),在跳转时携带参数,在目标页面的`onLoad`生命周期函数中获取参数。
例如,在 A 页面中跳转到 B 页面并传递参数:
```
wx.navigateTo({
url: '/pages/b/b?id=123&name=张三'
})
```
在 B 页面的`onLoad`生命周期函数中获取参数:
```
onLoad: function (options) {
console.log(options.id) // 输出 123
console.log(options.name) // 输出 张三
}
```
2. 使用全局数据存储(例如`getApp().globalData`),在源页面设置数据,在目标页面中获取数据。
例如,在 A 页面中设置数据:
```
getApp().globalData.id = 123
getApp().globalData.name = '张三'
```
在 B 页面中获取数据:
```
var id = getApp().globalData.id
var name = getApp().globalData.name
console.log(id) // 输出 123
console.log(name) // 输出 张三
```
需要注意的是,使用全局数据存储可能会存在数据冲突或泄露的风险,建议谨慎使用。
阅读全文