路由传参遇到的浏览器报错---Unexpected non-whitespace character after JSON at position 1(3)

前言

如果路由传参,接收数据方将非json数据反序列化(JSON.parse)后,会报如下错误:Uncaught (in promise) SyntaxError:Unexpected non-whitespace character
after JSON at position x

下面罗列了一些遇到的x,以及是什么原因导致的x

如果路由传参是数组时,会报position 1的错误

传参

在这里插入图片描述

接收

在这里插入图片描述

报错

在这里插入图片描述

如果路由传参是字符串时,会报position 3的错误

传参

在这里插入图片描述

接收

在这里插入图片描述

报错

在这里插入图片描述

解决方法

接收非json参数数据,无需使用JSON.parse将参数反序列化,直接传值即可。

这个错误是由于在JSON字符串的位置172之后出现了非空白字符导致的。根据引用\[1\]和引用\[2\]的内容,这个错误可能是由于在使用JSON.parse()方法时,传入的参数不是有效的JSON字符串所引起的。在引用\[3\]的代码中,可以看到在使用JSON.parse()方法之前,对item.appUrl进行了判断,判断其是否为JSON字符串。如果不是JSON字符串,则直接使用item.appUrl作为href的值。因此,你可以检查一下你的代码中,在调用JSON.parse()方法之前,是否对传入的参数进行了正确的判断,确保传入的参数是有效的JSON字符串。 #### 引用[.reference_title] - *1* [【浏览器报错解决记录】SyntaxError: Unexpected non-whitespace character after JSON at position 7](https://blog.csdn.net/wzy_PROTEIN/article/details/129663054)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Error in v-on handler:SyntaxError: Unexpected token w in JSON at position - 解决方案](https://blog.csdn.net/weixin_50477991/article/details/118968317)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

田本初

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

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

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

打赏作者

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

抵扣说明:

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

余额充值