解决微信页面跳转传入特殊字符串乱码问题

本文详细介绍了在小程序中如何通过路由传递参数,包括基本的字符串传递、使用JSON.stringify和JSON.parse进行复杂数据类型如数组和对象的传递,以及对于特殊字符串如HTML内容的加密和解密处理方法。

1.通过路由传入的参数只能是字符串。

常见的用法是用 JSON.stringify() 方法把数组或对象转成字符串,再由url传入

const listData = JSON.stringify(array);
wx.navigateTo({
	url: `/pages/child?listData=${listData}`
})

然后再child页面的onLoad里接收,用 JSON.parse() 方法转换,这样就拿到了想要的数据

onLoad(options) {
    this.list = JSON.parse(options.listData);
 }

2.重点来了:但是有些特殊字符串没办法直接传。(比如html页面)

这样的话就要先加密,再解密解决。
这里用到的就是js原生方法 encodeURIComponent() 将字符串加密,接收页面用 decodeURIComponent() 方法解密类似于下面

const listData = encodeURIComponent(JSON.stringify(array));
wx.navigateTo({
	url: `/pages/child?listData=${listData}`
})

然后再child页面的onLoad里接收

onLoad(options) {
    this.list = JSON.parse(decodeURIComponent(options.listData));
 }
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值