用拼接字符串传递对象的时候出错

本文讲述了在URL中安全传递JSON字符串时,如何使用encodeURIComponent函数对特殊字符进行编码,以及接收端如何使用decodeURIComponent和JSON.parse解码和解析参数的过程。
摘要由CSDN通过智能技术生成

当通过URL传递JSON字符串时,特殊字符(如空格、引号、大括号等)可能会导致问题,因为这些字符在URL中有特殊含义。为了安全地通过URL传递这些值,你应该使用 encodeURIComponent 函数来编码这些参数。这个函数会对URL中的特殊字符进行编码,以确保它们不会被错误解释。

你可以这样修改你的代码:

const url = `/pages/order/checkout/index?mid=${encodeURIComponent(id)}&price=${encodeURIComponent(JSON.stringify(result))}&product=${encodeURIComponent(JSON.stringify(product))}`;

这样,你的priceproduct参数将被正确编码,并且在URL中不会被截断或错误解释。

然后,在接收这些参数的地方,你需要使用 decodeURIComponent 函数来解码这些参数,然后再使用 JSON.parse 来解析JSON字符串。

例如:

const {
  mid,
  price,
  product
} = options;

const decodedPrice = JSON.parse(decodeURIComponent(price));
const decodedProduct = JSON.parse(decodeURIComponent(product));

这样,你就可以安全地通过URL传递复杂的数据,并在接收端正确地解析它们了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值