微信小程序 路由跳转第二个页面向第一个页面传递数据

在微信小程序中，可以通过使用`wx.navigateTo`方法进行页面跳转，并且可以通过URL参数的方式向目标页面传递数据。

首先，在第一个页面中，你可以将需要传递的数据拼接在目标页面的URL中，如下所示：

// 在第一个页面中
const data = {
  key1: value1,
  key2: value2
};
const url = '/pages/second/second?data=' + encodeURIComponent(JSON.stringify(data));
wx.navigateTo({
  url: url
});

然后，在第二个页面中，你可以通过`onLoad`生命周期函数获取传递过来的数据，如下所示：

// 在第二个页面中
onLoad: function(options) {
  const data = JSON.parse(decodeURIComponent(options.data));
  // 使用传递过来的数据
  const value1 = data.key1;
  const value2 = data.key2;
}

这样，第二个页面就可以接收并使用第一个页面传递过来的数据了。记得在第二个页面中进行数据解析和处理，以确保数据的准确性和安全性。

相关问题

微信小程序：页面跳转时传递数据到另一个页面

要在微信小程序的页面之间传递数据，可以使用 wx.navigateTo API 跳转到另一个页面，并将数据作为参数传递。

例如，在当前页面中跳转到另一个页面时，可以这样写：

wx.navigateTo({
  url: '/pages/anotherPage/anotherPage?id=123&name=test'
})

在另一个页面中，可以通过`options`参数获取传递过来的参数：

Page({
  onLoad: function(options) {
    console.log(options.id) // 输出 123
    console.log(options.name) // 输出 test
  }
})

这样就可以在小程序的页面之间传递数据了。

微信小程序 页面跳转传递对象

在微信小程序中，当需要在页面跳转时传递对象参数，可以采用以下几种方式：

1. 将对象转换成字符串并作为参数传递。可以使用`JSON.stringify()`方法将对象转换成字符串，然后在跳转时将字符串作为参数传递。在接收参数的页面，可以使用`JSON.parse()`方法将字符串转换回对象。例如，在跳转页面时可以使用以下代码：

var userInfo = JSON.stringify(this.data.userInfo);
wx.navigateTo({ url: "../info/info?userInfo=" + userInfo })

在接收参数的页面可以使用以下代码将字符串转换回对象：

var userInfo = JSON.parse(options.userInfo);

2. 使用全局变量传递参数。在app.js文件中定义一个全局变量，将需要传递的对象赋值给该变量。在跳转页面时，可以直接访问全局变量获取参数。例如，在传递参数的页面可以使用以下代码：

const app = getApp();
app.globalData.info = "info";

在接收参数的页面可以使用以下代码获取参数：

const app = getApp();
console.log('通过app.js全局变量传递参数', app.globalData.info);

需要注意的是，当通过`wx.switchTab`跳转到tabBar页面时，无法直接传递参数。但可以通过全局变量的方式在app.js中传递参数。
#### 引用[.reference_title]
- *1* [微信小程序页面跳转传递Json对象参数](https://blog.csdn.net/anLazyAnt/article/details/74332368)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [微信小程序页面跳转如何传递对象参数](https://blog.csdn.net/weixin_38131507/article/details/103029896)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [微信小程序开发-页面跳转传递参数](https://blog.csdn.net/duzang1776/article/details/122914472)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]