Uncaught (in promise) SyntaxError: Unexpected token o in JSON at position 1

最新推荐文章于 2022-03-24 17:08:51 发布
原创 最新推荐文章于 2022-03-24 17:08:51 发布 · 5.1w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决了一个使用axios进行前后台对接时出现的Uncaught (in promise) SyntaxError: Unexpected token o in JSON at position 1的问题。当后端返回的数据不是有效的JSON字符串时，可以使用JSON.stringify方法将对象转换为字符串来避免此错误。

使用axios进行前后台对接传值时，返回json数据，报Uncaught (in promise) SyntaxError: Unexpected token o in JSON at position 1 错误，下面先来看下弹窗获取的值：


呀！报错了 =_=  


json返回的不是json字符串

那么我们就要用下面这个方法：

JSON.stringify 方法 从一个对象解析出字符串





这样应该就不报错了=。=



Vue3 - 解决报错 Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON（json.parse()无法解析）
🏆 前端领域优质创作者
05-11 4617
vue.js，vue3，nuxt，JavaScript，uniapp，json字符串，json对象，json报错，JSON.parse()，vue3报错，vue3转换json对象报错，Uncaught(inpromise)SyntaxError:“[objectObject]“isnotvalidJSONatJSON.parse(
js - 在本地存储数组时报错：Uncaught SyntaxError: Unexpected token o in JSON at position 1
sunshime的博客
04-06 640
  最近根据项目需求，我将一个简单的数组存放到本地，不想，竟遇上了报错 Uncaught SyntaxError: Unexpected token o in JSON at position 1 ,思考了一下就找到了解决方法啦。 一、报错   Uncaught SyntaxError: Unexpected token o in JSON at position 1    二、解决方法   其实就是本地存储只能存放字符串，并不能放其他类型的数据，所以在存放进去的时候先变成字符串的形式，取出来使用时就将它转
SyntaxError: Unexpected token o in JSON at position 1
weixin_46353030的博客
03-24 1万+
一、环境 mac os vscode vue2.x 二、原因及对应解决办法 用JSON.parse(value)将string对象转换成object对象出错： SyntaxError: Unexpected token o in JSON at position 1 重复转换：由value本身就是object对象引发的，因为value本身就是object对象，此时再使用JSON.parse(value)方法后返回的是一个[object,Object]对象，JSON.parse(value)无法识别
Atitit  Uncaught (in promise) SyntaxError Unexpected token < in JSON at position 0
weixin_33704591的博客
03-19 582
        Atitit  Uncaught (in promise) SyntaxError  Unexpected token &lt; in JSON at position 0      Uncaught (in promise) SyntaxError: Unexpected token &lt; in JSON at position 0   原因json解析错误，包含特定中文引起...
Uncaught SyntaxError: Unexpected token o in JSON at position 1
dengshen1146的博客
09-07 238
返回的数据已经是object类型，不需要再进行JSON.parse()转换了，可以直接当作对象使用。 $.post("../../Handler/ReportFactory.ashx", { "act": "auto", "ModuleId": moduleid, "fieldName": selectFieldName }, function (data) { ...
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
精选资源
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Uncaught SyntaxError：Unexpected token o in JSON at position 1
xm_QUQ的博客
05-31 1919
做个Web小项目，在进行添加数据保存的时候，一直报下面的错误， 　　在这里将数据转成字符串类型， 　　然后在前端将字符串解析成JSON对象，就报以上的错误，后来把这行注释掉就可以正常运行，一直不知道他它是怎么自己转的， 　　后来发现下面这行本来是改乱码的这行，标红这里进行了强转，然后把json改成html就好了，上面的那个代码就可以正常解析了。 ...
Uncaught (in promise) SyntaxError: Unexpected token * in JSON at position 0--问题解决
热门推荐
持续学习，共同进步
04-24 6万+
背景： 在敲前端项目时,使用到了sessionStorage，由于里面存储的包含中文汉字。所以在提取使出现了问题。 问题： 我在提取sessionStorage中的值时，使用的语句如下 JSON.parse(sessionStorage.getItem('key')) 出于习惯，我将提取到的sessionStorage里的value值又进行了JSON.parse转换。 后来进...
VM349:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1的报错处理办法
lingfengqu的博客
03-26 2050
这个错误问题呢 我也是纠结好久才解决了。 有些说的是返回的数据已经是object类型，不需要再进行JSON.parse()转换了，可以直接当作对象使用。 原来代码 返回值 d = {“key”:“1”,“con”:“信息错误”} var json=JSON.parse(d); 在试用的时候就直接报错误。 按照网上大神说的去掉 var json=JSON.parse(d); 但是还是没法使用。 琢...
关于Uncaught SyntaxError: Unexpected token o in JSON at position 1,chrome持续报错的相关解析...
weixin_30251829的博客
08-24 287
今天跟大家分享我前两天遇见的一个BUG，说出来很难受，因为这个BUG花了我一个多小时去找原因，后来莫名其妙的故障消失了，强迫症犯了的我，居然花了2个多小时去故意再制造这个BUG，只想弄明白WHY？结果大家应该都猜到了，哈哈，没找到！没错，居然没找到！不过类似于Uncaught SyntaxError: Unexpected token ' in JSON at position 2的...
使用Ajax请求后台数据，然后的时候出现Uncaught (in promise) SyntaxError: Unexpected token ＜ in JSON at position 0的错误。
liliang250的博客
10-23 8171
首先来看下Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 的意思是：未捕获（在promise）语法错误：在JSON中。 导致这个错误的原因是： 出现这个报错提示，根本原因是--json解析异常，所以请大家直接去关注自己json的返回数据注意检查其返回内容和内容的格式是否正确。 检查自己的php文件编写的是否正确，符合语法规范。 即使编写的代码编写的没有问题，还是会出现这个
针对Uncaught SyntaxError: Unexpected token o in JSON at position 1 解决办法
weixin_43904021的博客
11-05 3807
Uncaught SyntaxError: Unexpected token o in JSON at position 1 解决办法 今天刚看ajax打着书上的例题出现了上面错误，一开始也不知道怎么解决，后来尝试解竟然好了， 写的如下 <script> var obj = {name: 'Tom', age: 24}; // 准备要发送的数据 var json = ...
【无标题】Uncaught (in promise) SyntaxError: Unexpected token ＜ in JSON at position 0解决
m0_56150080的博客
03-17 4729
然后出现问题 网上看了好多，什么改绝对路径，json数据有问题，结果都没用=.= 然后看见了一篇文章：点这看原文《前后端数据交互(四)——fetch 请求详解 》 fetch() 是一个全局方法，提供一种简单，合理的方式跨网络获取资源。 fetch(url,options).then((response)=>{ //处理http响应 },(error)=>{ //处理错误 }) url ：是发送网络请求的地址。 试了一下解决了。 解决：加上http://+...
Uncaught SyntaxError: Unexpected token o in JSON at position 1问题的解决
qq_43427385的博客
09-09 1756
在用到JSON.parse()的时候可能会经常遇到这种错误 比较烦人，查找一番资料后发现，是因为变量的类型不一样可能会导致这个错误，JSON.parse()里的参数只能是string类型，当为obj的时候就会出现这个错误，那这样就比较好解决 判断一下就可以了（前提是你需要转的参数是json格式的哦） ...
Uncaught (in promise) SyntaxError: Unexpected token B in JSON at position 0
最新发布
06-14
### JSON解析中SyntaxError错误的解决方案 在JavaScript中，`JSON.parse()` 方法用于将一个JSON字符串转换为JavaScript对象。然而，当输入的字符串不符合JSON格式时，会抛出 `SyntaxError` 错误。例如，`Uncaught SyntaxError: Unexpected token o in JSON at position 1` 或 `Uncaught SyntaxError: Unexpected token u in JSON at position 0` 都表明解析的字符串并非有效的JSON[^1]。 以下是解决该问题的具体方法： #### 1. 确保输入是合法的JSON字符串 合法的JSON字符串必须遵循JSON语法规范。例如，键和值必须用双引号包裹，而不是单引号。以下是一个合法的JSON字符串示例： ```json { "key": "value", "number": 123, "boolean": true, "nullValue": null } ``` 如果输入的字符串不是合法的JSON格式，`JSON.parse()` 将抛出错误。因此，在解析前应确保字符串符合JSON格式[^2]。 #### 2. 使用`try...catch`捕获错误 为了防止程序因 `SyntaxError` 而崩溃，可以使用 `try...catch` 块来捕获并处理错误。例如： ```javascript const parseJSON = (str) => { try { return JSON.parse(str); } catch (e) { console.error('Invalid JSON string:', e.message); return null; // 返回null或其他默认值 } }; const jsonString = '{"key":"value"}'; const result = parseJSON(jsonString); console.log(result); // 输出 { key: "value" } ``` #### 3. 检查数据来源 有时，错误可能源于数据来源。例如，服务器返回的数据可能不是JSON字符串，而是已经被解析为对象。在这种情况下，直接调用 `JSON.parse()` 会导致错误。可以通过检查数据类型来避免此类问题： ```javascript if (typeof data === 'string') { const parsedData = JSON.parse(data); console.log(parsedData); } else { console.warn('Data is not a string, cannot parse as JSON.'); } ``` #### 4. 替代方案：动态执行字符串 如果确定输入字符串是安全的（例如来自可信源），可以使用动态执行的方法代替 `JSON.parse()`。例如： ```javascript const jsonEval = (fn) => { const Fun = Function; // 避免前端编译工具报错 return new Fun('return ' + fn)(); }; const str = '{"key":"value"}'; const result = jsonEval(str); console.log(result); // 输出 { key: "value" } ``` 注意：此方法存在安全隐患，仅适用于完全受信任的输入[^1]。 #### 5. 示例代码：完整解决方案 以下是一个完整的解决方案，结合了上述所有方法： ```javascript const safeParseJSON = (str) => { if (typeof str !== 'string') { console.warn('Input is not a string, cannot parse as JSON.'); return null; } try { return JSON.parse(str); } catch (e) { console.error('Invalid JSON string:', e.message); return null; } }; const jsonString = '{"key":"value"}'; const invalidString = '{key:value}'; // 错误的JSON格式 console.log(safeParseJSON(jsonString)); // 输出 { key: "value" } console.log(safeParseJSON(invalidString)); // 输出 null，并打印错误信息 ``` ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值