fetch报错SyntaxError: Unexpected end of JSON input at fetch.then.response

最新推荐文章于 2023-07-19 11:19:41 发布
最新推荐文章于 2023-07-19 11:19:41 发布
阅读量2k 收藏
点赞数
文章标签： spring javascript 前端 reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/livingsu/article/details/106584577
版权

我是在前端react用fetch发送post请求给springboot后端，处理response时出现的这个错误。经过检查，发现是因为springboot后端的返回值是一个Boolean布尔值，而前端fetch用的是json的处理方式。

错误原因：因为后端返回的是Boolean类型，不能转化成json对象，所以出错。

解决方法：写一个包含错误信息的类，比如Msg，返回这个类就可以了。Msg类不仅可以包含success是否成功处理的信息，还可以包含其他的信息，可以自己视情况添加。

后端：
在这里插入图片描述
在这里插入图片描述

前端：
在这里插入图片描述

控制台打印：
在这里插入图片描述

livingsu
关注
使用fetch出现unexpected end of input 解决方法
liudanyang_21的博客
07-17 1885
传统的ajax（即xmlhttprequest）由于使用叫复杂，于是js新推出了fetch来获取后台数据，无需引进jq的$.ajax，也可以使用promise的链式用法去处理回调地狱，着实很方便，在谷歌上已经全部兼容，其他浏览器兼容还需要进一步的优化，推荐文章： https://segmentfault.com/a/1190000003810652 通过这篇文章，自己写了一个fetch和PHP去测试(获取手机号码的归属地)： php: <?php header("Access-Control-All
syntaxError:unexpected end of JsoN input 如何解决
最新发布
qq_33240556的博客
03-18 7593
当出现 “syntaxError: unexpected end of JSON input” 错误时，通常是因为在解析JSON字符串时，JSON格式不完整或有错误导致JavaScript的JSON.parse()方法无法正确解析。如果是从服务器API获取的数据，请确认API返回的是正确的JSON格式，并且没有被截断。确保你正在尝试解析的是一个完整的、有效的JSON对象或数组。如果你的JSON字符串结尾存在非JSON格式的额外字符，需要在解析前清理掉这些字符。
fetch SyntaxError: Unexpected end of input at eval (eval at <anonymous> (/dist.js......
qijingpei的博客
05-23 5037
使用fetch时，报错 前端使用fetch()时，报错如下： SyntaxError: Unexpected end of input at eval (eval at <anonymous> (http://localhost:8280/dist/dist.js?v=@VERSION@:2695:2), <anonymous>:670:29) 并且打印respo...
使用fetch时：Uncaught (in promise) SyntaxError: Unexpected end of input after json fetch [duplicate]
qijingpei的博客
10-06 4040
原因：我直接把一个json转成的字符串当成list或map用了，但其实应该先用JSON.parse()解析成list或者map，否则获取到的数据只是一个字符串。 比如： let array = JSON.parse(data); // Json格式的String -》 数组 ...
SyntaxError: Unexpected end of JSON input
eyes++的博客
10-06 894
天天写bug，没办法。。。。。。报错如下： 根据提示可知错在JSON.parse，所以应该是这个函数处理数据时，数据格式不对导致报错，然后我就在JSON.parse执行之前打印了需要处理的值，发现果然不是json格式，但需要处理的值是通过JSON.stringify处理对象后返回的啊，怎么会错呢？然后我发现需要处理的值是在图片链接.png后面断开的，然后我请求接口，拿到原来的图片链接，发现图片链接被后端加了签名后在.png后多了很多字符串，经过测试才发现JSON.stringify处理问号时会出错。因为那个
Uncaught SyntaxError: Unexpected end of JSON input
09-08
Uncaught SyntaxError: Unexpected end of JSON input错误通常是因为解析的JSON字符串不完整或格式不正确导致的。当使用JSON.parse()方法解析JSON字符串时，如果字符串的结尾缺少了必要的内容，或者JSON格式不符合...
js: Uncaught (in promise) SyntaxError: Unexpected end of JSON input
01-17
Uncaught (in promise) SyntaxError: Unexpected end of JSON input 错误通常是由于在处理 JSON 数据时，数据格式不正确或者数据不完整导致的。这个错误可能出现在使用 fetch API 获取 JSON 数据并进行处理的过程中...
Uncaught (in promise) SyntaxError: Unexpected end of JSON input
10-08
Uncaught (in promise) SyntaxError: Unexpected end of JSON input 错误通常出现在解析 JSON 数据时，表示 JSON 字符串的结尾意外地出现在了不正确的位置。这可能是因为在获取 JSON 数据时，数据传输过程中出现了...
VM2118:1 Uncaught SyntaxError: Unexpected end of JSON input
12-29
在你提供的引用中，错误的原因是fetch请求返回的数据为空，导致在调用response.json()方法时出现了"Unexpected end of JSON input"错误。 为了解决这个问题，你可以在处理JSON数据之前，先检查一下返回的数据是否为...
解决报错SyntaxError：Unexpected end of JSON input
web15285868498的博客
03-10 4007
需求分析 跳转页面时，需要将对象类型的数据详情一起传过去，另一个页面来显示。 // 跳转核销详情界面 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 或 Unexpected token u in JSON at position 0 问题
weixin_46258341的博客
07-19 2万+
2、JSON 数据格式要求。
react学习出现Unexpected end of JSON input while parsing near '..."解决方法
缓月
02-11 1226
报错： 解决： （1）npm install --registry=https://registry.npm.taobao.org --loglevel=silly （2） npm cache clean --force （3） npm install
react fetch请求本地模拟接口报错（SyntaxError: Unexpected token ＜ in JSON at position 0）
weixin_44136421的博客
07-05 695
1.使用fetch时请求本地模拟json文件时拿不到数据 解决方法：将json文件放在与index.html文件同级 fetch("./data.json",{method:"get"}).then(res => { return res.json() } ) .then( (result) => { console.log(res
VM2655:1 Uncaught SyntaxError: Unexpected end of JSON input错误分析解决
weixin_42279822的博客
04-12 7668
这种错误可能是由于后台返回的 JSON 数据不完整，例如在传输过程中发生了中断或截断，导致前端接收到了不完整的 JSON 数据。解决方法通常是确保后台在传输 JSON 数据时完整地发送所有数据，并且前端在接收 JSON 数据时进行错误处理，以确保接收到的数据是有效的 JSON 格式。前端错误处理：在前端接收 JSON 数据时，进行错误处理，包括检查接收到的数据是否为空或不完整。后台传输 JSON 数据时确保完整性：确保后台在传输 JSON 数据时，将所有数据完整地发送到前端。符号和对应的结束符号。
解决Unexpected end of JSON input 报错
qq_41288473的博客
02-16 2万+
解决Unexpected end of JSON input 报错
js 异常与错误处理，如何正确的去处理错误？
tyxjolin的专栏
04-20 1178
JavaScript是一种广泛使用的编程语言，它的使用范围涵盖了Web应用程序开发，浏览器扩展，桌面应用程序开发以及游戏开发等多个领域。然而，在编写JavaScript代码时，我们无法完全避免出现错误和异常，这可能导致应用程序崩溃或表现异常。在本文中，我们将深入探讨JavaScript异常和错误处理的重要性，并讨论如何正确处理它们。
【解决】Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse
热门推荐
qq_44659826的博客
08-31 3万+
ajax获取不到数据： 问题描述： VM379:1 Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse ( 原因分析： 1、后端返回json数据格式错误 2、后端返回json数据方法不对 解决方案： PHP： return json_encode(array( 'status' => 3, 'message' => 'ID不正确' )); 改为： echo '{
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值