JSON.parse特殊字符报错unexpectednumber in json at poition

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

当从服务器获取的JSON数据包含特殊字符时，可能导致JavaScript的JSON.parse()解析失败。本文解释了如何处理这些特殊字符，例如通过全局替换`//g`来转义''，以确保数据正确转换为JavaScript对象。了解这一技巧对于前端开发者处理服务器数据至关重要。

JSON.parse()
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
在这里插入图片描述

在这里插入图片描述
如果出现接收到的数据有特殊字符，则会导致出现这样的问题。

查了百度这个解释比较棒
在这里插入图片描述
按照我的理解是数据在第一次字符串转义之前，后台传过来的数据已经在js处理中进行转义，所以第一次字符串转义不会报错，而第二次字符串转对象时，没有转义字符所以报错。
所以JSON.parse在遇到特殊字符处理时要进行替换，【/\\/g 全局匹配“\\” 替换成"\\\\"】。以下的方法是比较简单的替换，其他的replaceAll,或者split + replace都可以。
在这里插入图片描述

微信小程序 - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
🏆 前端领域优质创作者
05-16 7089
报错信息 报错原因 特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。 常见的场景是页面携带的参数中含有特殊字符（见上方）， 通过JSON.parse接收解析时，就会出现的报错。 例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON
uni-app - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
🏆 前端领域优质创作者
05-16 3729
报错信息 报错原因 特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。 常见的场景是页面携带的参数中含有特殊字符（见上方）， 通过JSON.parse接收解析时，就会出现的报错。 例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON
SyntaxError: Unexpected number in JSON at position 1
热门推荐
ISaiSai的专栏
03-12 1万+
SyntaxError: Unexpected number in JSON at position 1 javascript JSON序列表，key 是int类型的时候，出错 处理方法,使用正则表达式，将int类型的key 替换成字符串 var a ="{2:\"全天\",7:\"测试\",8:\"1天\",9:12,10:14}"; var x = a.replace(/(\d+):/g,"...
JSON带有不标准的Unicode表情符号导致解析失败
lx_hy的博客
09-28 690
使用NSMutableString将其转换为可变字符串以便后续修改。接下来，我们使用CFStringTransform函数进行转义处理，将字符串中的特殊字符转换为Java的Unicode转义格式。JSON带有不标准的Unicode表情符号\uD83E导致解析失败。
Unexpected token o in JSON at position 1 报错原因及解决方法
fukeai的博客
08-12 1万+
解决： 使用JSON.stringify()方法 cookie.set('guli_ucenter', JSON.stringify(this.loginInfo), { domain: 'localhost' }) 将cookie转为字符串存储 原因： 在做一个系统登录问题的时候，遇到了一个问题。需求是登录成功后根据token返回用户信息的json数据，保存到cookie中。 //登录成功根据token获取用户信息 loginApi.getLoginInfo().then(res.
前端报错 SyntaxError: Unexpected number in JSON at position xxxx at JSON.parse
最新发布
qq_27007037的博客
05-12 1128
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于 JavaScript 的一个子集，标准 ECMA-262 第 3 版 - December 1999 的语法。对象：在 JSON 中表示为{}，由键值对组成，键和值之间用冒号分隔，键值对之间用逗号分隔。数组：在 JSON 中表示为[]，由一系列值组成，值之间用逗号分隔。字符串：必须使用双引号包围。数字：表示为数值，不需要引号。布尔值true或false。
SyntaxError: Unexpected number in JSON at position 7 at JSON.parse (＜anonymous＞)前端接收到数据，无法进入success
鄙人kunzhi96，感恩遇见！
10-13 1万+
今天下班有点晚，就简单总结一下今天遇到的小问题 报错信息： 浏览器F12查看报错如下： SyntaxError: Unexpected number in JSON at position 77 at JSON.parse (<anonymous>) 我出现这种情况的场景是前端可以接收到后端返回的数据，但是在js中无法进入success 究其原因： 还是因为json格式出现了问题，而且可以从报错信息看到是出现了number格式的数据，并不符合json的格式 解决办法： 这里我们可以去拿到返
JSON.stringify()报错：JSON未定义
08-11
标题中的“JSON.stringify()报错：JSON未定义”是一个常见的JavaScript错误，通常出现在尝试使用`JSON.stringify()`方法但全局环境中没有定义JSON对象时。在浏览器环境中，JSON是默认支持的，但在某些旧版本的IE...
JSON.parse 解析字符串出错的解决方法
01-19
经查，原来是json数据的格式要求非常严格，属性名称必须是用双引号“”括起来。 代码如下: var a=JSON.parse(‘{“a”:”aaaaa”}’);//正确 var a=JSON.parse(“{‘a’:’aaaaa’}”);//错误
destr:JSON.parse的更快，安全和方便的替代方法
05-26
毁灭 更快，安全和方便的替代方法： 用法 Node.js 使用npm或yarn进行安装： npm i destr # or yarn add destr 导入到您的Node.js项目中：... 换句话说，当输入不总是一个json字符串或来自诸如请求正文之类的未经引用
Uncaught SyntaxError: Unexpected token n in JSON at position 1 at JSON.parse (＜anonymous＞)
weixin_48047636的博客
04-06 2321
错误的JSON格式字符串转为对象时会报如题错误,这个错误非常常见 //常见错误json字符串格式不正确 var str='{name:tom,age:123}'; var obj=JSON.parse(str); 这样写会报下图这样的错误,原因就是JSON字符串写错格式了,但是一般这种情况只占1%,99%是因为服务器自己发送了一个错误信息,然后自己又给它转换了 正确的JSON格式字符串 创建json字符串转换为js对象 var jo_str='{"id":9,"
JSON.parse、JSON.stringify转换特殊字符导致报错处理
weixin_46324536的博客
02-06 1724
【代码】JSON.parse、JSON.stringify转换特殊字符导致报错处理。
Unexpected token o in JSON at position 1
夏至的博客
09-06 1515
在调试js页面的时候，忽然出现的问题 主要出错的语句是： $.ajax({ url: url, data:{"appId":appData.appId}, success: function(json) { json=JSON.parse(json); .... } }); 在解析前台传回来的数据 json时，由于json本身...
JSON解析对象字符串JSON.parse(objStr) 报错 ,Unexpected number in JSON at position XXX
weixin_40918145的博客
07-03 5485
JSON解析对象字符串JSON.parse(objStr) 报错 ,Unexpected number in JSON at position XXX 因为字符串中包含以 0 开头数字类型，JSON解析就会报错，所以返回的数据类型要用字符串类型string ...
JSON.parse() Unexpected token i in JSON at position 2 报错问题
weixin_43869096的博客
03-23 1373
JSON.parse()： Unexpected token i in JSON at position 2 报错问题 错误代码： var res = "[{id:1,name:'liming'},{id:2,name:'xiaobai'}]"; var objRes = JSON.parse(res); console.log(objRes) 1 2 3 正确代码： var res = '[{"id":1,"name":"liming"},...
解析json字符串，遇特殊字符解析报错
helloworldbey的博客
01-05 5552
在本次开发中，同事说数据不能展现，我看了之后也是一筹莫展，粗率的看传输来的数据也没什么错，但控制台就是报错，报错如下： 这是说json字符串中有格式不符合解析规范，这范围太大了，于是我逐段逐段的进行排查，终于我在字符串中看到了'\n'，心中大喜，卧槽，肯定就是这玩意了，然后一排查果然是，JSON.parse()函数不能直解析特殊字符，特殊字符需要转义，即多加一个斜杠，转义符，但大部分数据都是...
JQuery JSON.parse解析特殊字符\n报错解决方案
dragon974539495的博客
04-10 1983
后台传递到前端数据： request.setAttribute("model", JSON.toJSONString(model)); 前端jQuery处理方法： var data = '${model}'; data = JSON.parse(JSON.stringify(data)); var id= data.id; ...
前端问题：JSON.parse遇到&特殊符号 会导致序列化错误
qq_36223891的博客
03-20 1049
若对象的参数或数组的元素中遇到地址，地址中包括?、&这些特殊符号时，对象/数组先要通过JSON.stringify转化为字符串再通过encodeURIComponent编码，接收时，先通过decodeURIComponent解码再通过JSON.parse转换为JSON格式的对象/数组。当我们需要从一个页面转json到下一个页面时 需要注意字段中不要带？和&等特殊符号，否则会遇到Json.parse错误，导致进一步的业务逻辑错误。
JSON.parse() 方法解析报错：Bad control character in string literal in JSON at position xx
qq_39025670的博客
06-15 2807
这个是第一反应想到的方法，但比较麻烦，因为不确定聊天记录里还有那些特殊字符编码。通过这个方法，就可以得到一个解析好的对象，是不是很神奇？json 字符串中包含特殊字符编码。（垂直制表符），导致解析报错。
JSON.parse()报错Unexpected token in JSON at position 0
05-13
这个错误通常是由于传入 JSON.parse() 的字符串格式不正确导致的。可以尝试以下几个方法： 1. 确保传入的字符串是合法的 JSON 格式。可以使用 JSON 校验工具进行检查。 2. 确保传入的字符串不是空字符串或者 undefined。可以使用条件语句判断一下。 3. 如果传入的字符串是从服务端获取的，可以检查一下服务端返回的数据是否正确。 4. 如果传入的字符串中包含了特殊字符（如单引号、双引号等），需要进行转义。可以使用相关的转义函数进行处理。 5. 如果传入的字符串中包含了注释，需要将注释去掉。 如果以上方法无法解决问题，可以尝试使用 try-catch 块捕获错误并进行处理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT_Octopus

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值