微信小程序页面间传值与页面取值操作实例分析

微信小程序是一种轻量级的应用程序，它由多个页面组成。在开发过程中，我们经常需要在不同的页面之间传递数据。本攻略将详细介绍微信小程序页面间传值与页面取值的操作，并提供两个示例说明。

1. 页面间传值

1.1 使用URL参数传递数据

在微信小程序中，可以通过URL参数的方式在页面之间传递数据。具体步骤如下：

1. 在源页面中，使用wx.navigateTo或wx.redirectTo方法跳转到目标页面，并在URL中添加参数。例如：

javascript
wx.navigateTo({
url: '/pages/targetPage/targetPage?id=123&name=John'
})

1. 在目标页面的onLoad生命周期函数中，可以通过options参数获取传递的参数。例如：

javascript
onLoad: function(options) {
var id = options.id; // 获取id参数
var name = options.name; // 获取name参数
// 进行相应的处理
}

1.2 使用全局变量传递数据

另一种传递数据的方式是使用全局变量。具体步骤如下：

1. 在app.js文件中定义一个全局变量，并赋予初始值。例如：

javascript
App({
globalData: {
id: '',
name: ''
}
})

1. 在源页面中，通过getApp()方法获取小程序实例，并设置全局变量的值。例如：

javascript
var app = getApp();
app.globalData.id = '123';
app.globalData.name = 'John';

1. 在目标页面中，通过getApp()方法获取小程序实例，并获取全局变量的值。例如：

javascript
var app = getApp();
var id = app.globalData.id;
var name = app.globalData.name;
// 进行相应的处理

2. 页面取值

2.1 使用页面参数获取数据

在微信小程序中，可以通过页面参数获取数据。具体步骤如下：

1. 在目标页面的onLoad生命周期函数中，可以通过options参数获取传递的参数。例如：

javascript
onLoad: function(options) {
var id = options.id; // 获取id参数
var name = options.name; // 获取name参数
// 进行相应的处理
}

2.2 使用缓存获取数据

另一种获取数据的方式是使用缓存。具体步骤如下：

1. 在源页面中，使用wx.setStorageSync方法设置缓存数据。例如：

javascript
wx.setStorageSync('id', '123');
wx.setStorageSync('name', 'John');

1. 在目标页面中，使用wx.getStorageSync方法获取缓存数据。例如：

javascript
var id = wx.getStorageSync('id');
var name = wx.getStorageSync('name');
// 进行相应的处理

以上就是微信小程序页面间传值与页面取值的操作实例分析。通过URL参数和全局变量可以在页面间传递数据，而页面参数和缓存可以用于获取数据。根据具体的需求，选择合适的方式进行操作。

希望以上内容对您有所帮助！