微信小程序大坑:encode后的JSON字符串,JSON.parse解析失败

在微信小程序中,跨页面传递JSON对象时遇到问题,JSON.stringify后编码的对象,JSON.parse在真机上无法解析。解决办法是在编码URL属性后再进行字符串转换,接收端解析后再单独解码URL。

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

今天,遇到微信 JSON 解析的一个大坑。

网上找了好久,没有人记录过相同坑再见再见,所以写下来吧。


跨页面跳转,想传递一个对象。于是先将对象,用 infoStr=JSON.stringify(object)转为了字符串。

由于对象中包含 url 属性,JSON.parse 方法无法解析包含“?“、”&”之类的字符,所以先使用了 encodeURIComponent 对整个对象的字符串

### 解决 JSON.parse 报错 'Unexpected non-whitespace character after JSON at position 4' 当遇到 `JSON.parse` 出现 `'Unexpected non-whitespace character after JSON at position 4'` 错误时,通常意味着解析字符串不是有效的 JSON 格式。具体来说,在位置 4 处存在意外字符[^1]。 为了排查此问题: - **验证输入字符串**:确保传递给 `JSON.parse()` 的字符串确实是有效 JSON 字符串。任何额外字符或不匹配的大括号都会导致错误。 - **去除多余字符**:如果原始响应包含除 JSON 数据外的内容,则需先清理这些附加部分再尝试解析[^2]。 下面是一个简单的调试方法来定位并修正该类错误: ```javascript try { const jsonString = '{"key": "value"}'; // 假设这是从服务器获取的数据 console.log('Original String:', jsonString); // 尝试解析前打印出来查看结构是否正确 console.log(JSON.stringify(jsonString, null, 2)); let parsedData; try { parsedData = JSON.parse(jsonString); } catch (error) { console.error('Error parsing JSON:', error.message); // 如果失败了,可以试着去掉可能存在的 BOM 或其他不可见字符 const cleanedJsonString = jsonString.trim(); parsedData = JSON.parse(cleanedJsonString); } console.log('Parsed Data:', parsedData); } catch (e) { console.error(e); } ``` 这段代码展示了如何安全地处理潜在异常情况下的 JSON 解析操作,并提供了基本的日志记录以便于诊断问题所在。
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值