微信小程序页面传参过长报错

 小程序开发过程中,有时候需要传较长的数据到下一个页面,但是小程序的参数长度是有限制的,过长会报错,用以下方法解决

// ----------方法一-----------
//当前页
const item= this.list[0]

// 将对象转成JSON字符串 再编码
let current_url=encodeURIComponent(JSON.stringify(url))
wx.navigateTo({
    url:'/pages/otherPage/otherPage?data=${current_url}'
})

//另一个页面

// 先对参数解码
let data=decodeURIComponent(options.data);

//将JSON字符串转成对象
let obj=JSON.parse(data)


// ----------方法二-----------

// 将对象转成JSON字符串
let obj = { /* 这里是你的对象 */ };
let objStr = JSON.stringify(obj);

// 将JSON字符串转成Base64编码
let base64Str = window.btoa(objStr);

// 将Base64编码传参到另一个页面
wx.navigateTo({
  url: '/pages/otherPage/otherPage?data=' + base64Str
});


// 获取传递过来的Base64编码
let base64Str = options.data;

// 将Base64编码解码成JSON字符串
let objStr = window.atob(base64Str);

// 将JSON字符串转成对象
let obj = JSON.parse(objStr);


第二种方法一般不推荐使用;容易出现Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range错误(报错信息中指出字符串中包含了Latin1范围之外的字符,导致无法使用window.btoa进行解析。这些字符属于Unicode字符集,超出了Latin1范围。)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值