微信小程序中页面跳转时如何传递一个对象

最新推荐文章于 2024-09-07 06:41:00 发布

海阔天空.

最新推荐文章于 2024-09-07 06:41:00 发布

阅读量1.1w

点赞数 7

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序中传递一个对象

本文链接：https://blog.youkuaiyun.com/weixin_41804429/article/details/81174577

微信小程序专栏收录该内容

17 篇文章

订阅专栏

本文介绍了两种在微信小程序中实现页面间数据传递的方法：一是通过URL参数结合JSON转换；二是利用缓存机制。第一种方法适用于直接传递对象数据，通过字符串化和解析JSON实现跨页面数据共享；第二种方法则更加灵活，适合复杂场景下的数据交换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

法一：必须在需要跳转的页面中先使用 JSON.stringify(obj)对需要传递的对象数据进行转换（转换为json格式的数据），把转换后的数据接在 url后面。最后在跳转显示的页面先使用JSON.parse(json) 转换为js类型的数据。

例：在跳转需要跳转的页面 index.js中：
handletap: function() {
var data = JSON.stringify(obj);
wx.navigataTo({
url: 'url?data=' + data
})
}

在跳转显示的页面detail.js中：
onload: function(option) {
var data = JSON.parse(option.data)
//现在data就是index.js中传过来的数据
}
法二：也可以通过缓存的办法来进行数据传递

注:当你需要使用请求获得的数据来进行传递时，要注意把传递代码放在请求sucess函数里面，因为wx.request是异步方法，在其后面进行传值操作有可能会出现数据获取失败的情况，你使用的时候请求的数据可能还没获取到。。