微信小程序navigateTo 传对象参数（特殊符号）

原创于 2019-09-19 15:37:11 发布 · 2.2k 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了在微信小程序中如何通过字符串化对象参数进行页面跳转，并在目标页面中解析这些参数的方法。同时，针对URL中特殊字符的处理，如使用encodeURIComponent()进行编码，以确保参数正确传递。

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

微信小程序官方的跳转https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html不过多解释

传递

wx.navigateTo({
    url: `path?object=${JSON.stringify(object)}
})

解析
const data = JSON.parse(options.object)

提示：不要将参数object先使用变量存起来，然后进行传递，这样写接收的时候无法解析成功object

当传递的参数中的URL‘？’问号这种特殊符号时,需使用encodeURIComponent() 函数可把字符串作为 URI 组件进行编码再传递。

传递

let link = '/pages/service/serviceConfirm?serviceData=' + encodeURIComponent(JSON.stringify(data));
wx.navigateTo({
    url: link,
});

解析
const data = JSON.parse(decodeURIComponent(options.serviceData));