传递参数及接受时JSON.parse不能解析的解决办法

最新推荐文章于 2025-10-27 14:10:51 发布
原创 最新推荐文章于 2025-10-27 14:10:51 发布 · 2.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文分享了一种解决参数传递中JSON.parse无法解析字符的方法。通过使用encodeURIComponent对字符串进行编码，然后在接收端使用decodeURIComponent和JSON.parse进行解码，确保了数据的正确传递与使用。

解决传递参数及接受参数时Json.parse不能解析字符方法

1、首先将传递的参数用encodeURIComponent把字符串作为 URI 组件进行编码。

var goodsList =  JSON.stringify(selectedList);
var list = encodeURIComponent(goodsList);

2、在接收参数页面，将参数用decodeURIComponent解析后，再用使用JSON.parse。

var goods = decodeURIComponent(goodsList);
var product = JSON.parse(goods);

最后，即可快乐的使用数据了。哈哈哈哈

JSON.parse解析json出错的替代方案：小程序上解析json出bug，而在微信开发者工具上解析json正常。
qq_37635012的博客
06-13 1826
组件进行解码，后通过JSON.parse()将变量还原。如下所示，请求拿到后端数据后需要将其缓存到本地，这里有个坑就是 wx.setStorageSync和wx.setStorage单个key存储的数据最大1mb，如果你拿到后端的数据大于1mb，你直接存本地就会导致真机上报错，而微信开发者工具上可能不会报错，所以你看到了我这里用了try catch , 除此之外，我还把数据通过路由wx.reLaunch携带传递给下一页。函数可把字符串作为 URI 组件进行编码。然后使用的话需要先引入这个util.js。
微信小程序 - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
🏆 前端领域优质创作者
05-16 7116
报错信息 报错原因 特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。 常见的场景是页面携带的参数中含有特殊字符（见上方）， 通过JSON.parse接收解析时，就会出现的报错。 例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON
JSON.parse解析失败(报错，出错)
PUBGA的博客
10-13 4503
今天项目当中后台返回json格式的数据,报错是这个错误 后台返回的格式是这样的："[{“url”:“https://xxxxx.oss-cn-zhaxxxu.aliyuncs.com/xxxx/tmp_df565eexxxf0ff8f0673.jpg”}]" 我转换的时候是这样写的报了上边那个错，[0].url不能写道()里边 如果返回的数组里有对象，转换时候要这样写JSON.parse(this.form.license)[0].url 这才是正确的 ...
微信小程序大坑：encode后的JSON字符串，JSON.parse解析失败
a690197843的博客
11-18 3万+
今天，遇到微信小程序 JSON 解析的一个大坑。 跨页面跳转，想传递一个对象。由于对象中包含 url 属性，所以先使用了 encodeURIComponent 对整个对象的字符串 infoStr 编码。 在模拟器上，JSON.parse 可以将编码的字符串也顺带解码，也就是说，能准确获得传递前的对象！ 但是！！在真机上，JSON.parse 无法识别编码后的字符串，会导致解析失败！！
解析 JSON 格式时遇到的常见错误：原因分析与解决办法
最新发布
gshjvklkl的博客
10-27 1916
解析 JSON 错误多源于语法疏忽、类型不匹配或编码问题。开发时：使用验证工具、编辑器插件和严格测试。运行时：捕获异常（如try-catch块）、设置默认值和类型检查。数据源：确保 UTF-8 编码和结构规范。通过以上方法，您可以显著减少解析失败率。实践中，推荐使用成熟库（如 Python 的json模块或 JavaScript 的），它们内置错误处理机制。最终，结合自动化测试（如单元测试覆盖 JSON 解析），能提升代码健壮性。如果您有具体代码片段或错误日志，我可以进一步针对性分析！
使用JSON.parse字符串转换json报错解决办法
沛哥儿的专栏
10-14 2万+
字符串格式不是很完美，导致JSON.parse转换失败。JSON.parse()方法对字符串的格式要求极其严格。一点格式错误都不能有，否则就报异常。 用eval或者$parseJSON来解决
解决json参数中有参数是url地址导致json无法正确传输与解析
热门推荐
记录点点滴滴
03-11 3万+
假如你有一段json字串是这样的。 { "url": "https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg&wd=json&rsv_spt=1&oq=timebell&rsv_pq=9eb74c860000febd&rsv_t=9a4fMaQSgnD3kSNW0W8qKe4UqdLktZJC9
php json 解析不出来,接收到的json解析不了，必须用php解析,该如何解决
weixin_39594103的博客
03-24 465
接收到的json解析不了，必须用php解析function sendPost($url,$postData){$postdata = http_build_query($postData);$options = array('http' => array('method' => 'POST','header' => 'Content-type:application/x-www-...
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
10-17
例如，可以通过传递一个替换函数给JSON.stringify作为第二个参数，来定制对特殊对象的序列化行为。 总结而言，JSON.parse和JSON.stringify是JavaScript中处理JSON数据的两个核心函数，它们让JSON格式数据的解析和...
实现篇：如何手动实现JSON.parse
独立开发，个人小站：ai-bar.cn，网站中还有最近开发得一个写作软件（竹记），欢迎体验交流
04-17 1399
上篇介绍了JSON.stringify 的实现，本篇就反向解析做一实现。想完整实现 JSON.parse 方法，需要理解 JSON 语法规范，还需要处理复杂的嵌套结构、数据类型，潜在异常也不容忽视。
uni-app - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
🏆 前端领域优质创作者
05-16 3750
报错信息 报错原因 特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。 常见的场景是页面携带的参数中含有特殊字符（见上方）， 通过JSON.parse接收解析时，就会出现的报错。 例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON
路由传参和JSON.parse解析问题
zwbHUST的博客
04-20 1143
背景：通过路由传参的方法，传一个复杂对象 obj = { "key":"name1", "jsonString":'{"key":"name2"}' } 首先，转字符串str =JSON.stringify(obj); 得到"{"key":"name1","jsonString":"{\"key\":\"name2\"}"}" 假设路由是这样的（angular路由的写法）：route...
小程序导航传递参数及接受时JSON.parse不能解析的解决办法
爱开车的彬哥的优快云博客
06-28 4444
在小程序有时要在不同页面时传递大量数据时需要把传递参数用JSON.stringify()函数转成字符，在目标页面中用JSON.parse函数接收： 例子:在原始页面点击跳转，携带一个对象moment {&amp;quot;shortcode&amp;quot;:&amp;quot;Bkfe_1lAo3T&amp;quot;, &amp;quot;caption&amp;quot;:&amp;quot;I’m so proud to be pa
jsp代码中ArrayList函数提示“无法解释为类型”
FeagleM的博客
12-26 4465
page指令缺少引用 import="java.util.*"     pageEncoding="UTF-8" %>
JSON.parse() 方法解析报错：Bad control character in string literal in JSON at position xx
qq_39025670的博客
06-15 2824
这个是第一反应想到的方法，但比较麻烦，因为不确定聊天记录里还有那些特殊字符编码。通过这个方法，就可以得到一个解析好的对象，是不是很神奇？json 字符串中包含特殊字符编码。（垂直制表符），导致解析报错。
JS报错 Unexpected token u in JSON at position 1，那些年，JSON.parse()带给我们的坑
Spy003的博客
08-11 820
首先我们来看看js中转换对象的方法有哪些，js是一种动态对象语言，所以可想而知，对象的创建和赋值就会很随意很任性，因此方法肯定不止一种，一般来说有下面三种： 1、var json = JSON.parse(str); 2、var json = eval("(" + str + ")"); 3、var json = (new Function("return " + str))();...
为什么 JavaScript 中的 `JSON.parse()` 报错？
向着太阳迎着光
12-10 2896
是 JavaScript 中的一个内置方法，用于将 JSON 格式的字符串转换成 JavaScript 对象。text：要解析的 JSON 字符串。reviver（可选）：一个函数，用来修改解析后的结果。// 输出 "Alice"是 JavaScript 中常用的解析 JSON 字符串的方法，但它对格式的要求非常严格。常见的错误原因包括非法 JSON 格式、包含不可解析的字符、使用单引号等。为了确保代码的健壮性，我们可以使用try-catch捕获错误，并在实际项目中进行适当的错误处理。
JSON.parse() 的坑
weixin_64824339的博客
09-08 324
如果eval()的参数是字符串，那么eval()将这个字符串解析成代码后进行执行，并返回最后一行代码执行的结果。如果你使用eval()或者new Function()的方式来转化，那就完全可以忽略上述需要注意的地方。如果字符串无法解析成合法的代码，eval()将抛出SyntaxError错误。eval调用时，实例为eval( "( javascript代码 )" )如果eval()的参数不是字符串，那么eval()将直接返回参数。使用JSON.parse()方法来转化json对象，需要注意的。
使用JSON.parse()出现的一些SyntaxError异常报错问题
notbaldness的博客
06-15 6426
1、用法：用于将已序列化的json字符串解析成js的值或对象，这一过去称为反序列化，但是在使用的时候有时候会出现SyntaxError(语法)的错误，这是因为有些数据不能被反序列化。reviver：可以传入一个函数，在解析出来之前可以对解析过程中对数据进行处理。常见报错的内容有：""(空字符串)，undefined，一些不符合规范的json字符串，等等。参数：text：要解析的js值或json字符串（json字符串需满足json规范）json规范比较多，一个一个判断太麻烦，
JSON.parse报错原因及类型检查解决方案
然而，在实际开发过程中，开发者经常会遇到使用 `JSON.parse()` 时报错的情况，尤其是当传入的参数并非合法字符串时，就会引发语法错误（SyntaxError），最常见的报错信息为“Unexpected token”或“JSON.parse: ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值