SyntaxError: Unexpected end of JSON input

JSON解析困境：图片链接误导的bug揭秘
最新推荐文章于 2025-10-01 22:51:57 发布
原创 最新推荐文章于 2025-10-01 22:51:57 发布 · 966 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#json #javascript

博主分享了一次解决JSON.parse报错的经历，发现问题是由于后端对图片链接的签名处理导致JSON.stringify错误。通过删除图片属性，成功解决了问题。深入剖析了JSON.stringify处理特殊字符的问题。

天天写bug，没办法。。。。。。报错如下：
在这里插入图片描述根据提示可知错在JSON.parse，所以应该是这个函数处理数据时，数据格式不对导致报错，然后我就在JSON.parse执行之前打印了需要处理的值，发现果然不是json格式，但需要处理的值是通过JSON.stringify处理对象后返回的啊，怎么会错呢？然后我发现需要处理的值是在图片链接.png后面断开的，然后我请求接口，拿到原来的图片链接，发现图片链接被后端加了签名后在.png后多了很多字符串，经过测试才发现JSON.stringify处理问号时会出错。因为那个页面不需要图片，因此我在将对象给JSON.stringify处理前先执行delete，删掉图片的属性，于是bug就被解决了。

有兴趣了解更多相关内容的话，可以来我的个人博客看看：eyes++的个人空间

微信小程序 - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
🏆 前端领域优质创作者
05-16 7101
报错信息 报错原因 特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。 常见的场景是页面携带的参数中含有特殊字符（见上方）， 通过JSON.parse接收解析时，就会出现的报错。 例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON
HarmonyOS预览功能报错：[webpack-cli] SyntaxError: Unexpected end of JSON input
songqindong
03-12 1354
harmonyos预览功能报错：[webpack-cli] SyntaxError: Unexpected end of JSON input
JSON转换时中途意外停止出现“SyntaxError：Unexpected end of JSON input”
徐飞的博客
06-09 1304
JSON转换时中途意外停止出现“SyntaxError：Unexpected end of JSON input” 今天在开发微信小程序需求的时候运用JSON进行页面之间的传值，发现传的值在转化的时候意外停止并报错“SyntaxError：Unexpected end of JSON input”。然后我发现传的一个数据中含有标签等特殊字符，如下图：...
syntaxError:unexpected end of JsoN input 如何解决
qq_33240556的博客
03-18 1万+
当出现 “syntaxError: unexpected end of JSON input” 错误时，通常是因为在解析JSON字符串时，JSON格式不完整或有错误导致JavaScript的JSON.parse()方法无法正确解析。如果是从服务器API获取的数据，请确认API返回的是正确的JSON格式，并且没有被截断。确保你正在尝试解析的是一个完整的、有效的JSON对象或数组。如果你的JSON字符串结尾存在非JSON格式的额外字符，需要在解析前清理掉这些字符。
极路由 极1s J1S hc5661 刷入OpenWRT并设置同网段子路由
最新发布
SimonLiu的博客
10-01 961
本文分享了将极路由1S（HC5661）刷入OpenWRT并设置为AP模式的详细教程。首先从OpenWRT官网下载对应固件，通过Breed刷机。然后设置中文界面、更新软件包并解决可能的报错。重点介绍了将路由器配置为AP模式的步骤：修改LAN口IP为与主路由同网段、关闭DHCP服务，最后将主路由LAN口接入极路由LAN口。这样极路由仅作为交换机使用，所有设备由主路由统一分配IP，实现网络设备的高效利用。
解决报错问题：SyntaxError：Unexpected end of JSON input 参数
胡兜兜的博客
08-31 1215
在跳转页面时，路径需要带一些参数类型，query和params，当带入params为一个对象的时候，首先要把对象转为字符串类型，然后在对应的页面转为所需对象从而实现效果。
uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“
古猿写代码
03-15 1631
uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“,这个问题如何解决。
解决报错SyntaxError：Unexpected end of JSON input
m0_67391377的博客
03-07 7979
需求分析 跳转页面时，需要将对象类型的数据详情一起传过去，另一个页面来显示。 // 跳转核销详情界面 jumpVerifyDetail: function (data={}) { if(!this.judgeObjIsEmpty(data)){ const newData = JSON.stringify(data); wx.navigateTo({ url: `./verifyDetail/index?newData=` + newData,
跳转传参报错：SyntaxError: Unexpected end of JSON input
m0_48334955的博客
12-09 1818
小程序,经常有跳转传参的功能,一般带一个id或者name,title之类很短的字段,但是如果带很多数据的话,很多人喜欢使用json转换,传一个对象过去小程序传参但这样仅限于很少的字段,不然就会出现错误,如下图。1、如果业务场景是从列表页面跳转到详情页面,那么推荐只携带少量字段,如id,然后在详情页面使用id请求详情,这样就不用烦心字符长度超出的问题了.(强烈推荐)2、如果不想请求新的数据,就用列表本身的字段,但是字符串超出的话,可以考虑下面方法.
SyntaxError: Unexpected end of JSON input 内容被截断报错
wang_59881的博客
04-16 729
直接传递 JSON 对象作为查询参数时，由于 URL 的限制（例如，长度限制和特殊字符的限制），直接传递 JSON 对象可能会导致数据被截断或者编码不正确，从而导致解析失败。方法进行页面跳转传参时，使用JSON.stringify序列化，子页面接收参数时报错SyntaxError: Unexpected end of JSON input。使用encodeURIComponent 对字符串进行编码，子页面接收参数时用decodeURIComponent解码。
SyntaxError：Unexpected end of JSON input while parsing near xxxxx 报错及解决
一只奋斗的猪
06-05 1662
下载依赖包的时候出现了问题，可以按照下面的方式进行尝试解决：方法一：设置为国内镜像源；方法二：清除缓存，重新 install；方法三：大概率是版本不匹配，切换下 node 的版本。
记一次npm安装报错，Install fail! SyntaxError: Unexpected end of JSON input
前端劝退工程师
12-23 2476
使用 npm cache clean --force 清除缓存，再
解决 SyntaxError：Unexpected end of JSON input 或 Unexpected token u in JSON at position 0 问题
热门推荐
weixin_46258341的博客
07-19 3万+
2、JSON 数据格式要求。
SyntaxError:unexpected end of JSON input
07-09
用户遇到了“SyntaxError: Unexpected end of JSON input”错误，并希望修复它。 根据引用内容，这个错误通常发生在尝试解析一个空字符串或无效的JSON字符串时。常见场景包括： 1. 传递的JSON字符串为空（如空字符...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值