JSON.parse() unexpected end of data 错误分析

最新推荐文章于 2024-08-21 11:13:30 发布

以你为荣

最新推荐文章于 2024-08-21 11:13:30 发布

阅读量3.1k

点赞数

分类专栏： # JavaScript

本文链接：https://blog.csdn.net/webfancy/article/details/104435767

版权

在学习jQuery时遇到JSON.parse错误：unexpected end of data，但实际上解析后的数据是完整的。问题出在响应文本前多了一个空行。经过前端代码检查，发现是XMLHttpRequest使用不当导致的bug，需深入理解其参数用法。

摘要由CSDN通过智能技术生成

初学jquery时，使用XMLHttpRequest进行服务器异步JSON通讯，有个报错是：
SyntaxError: JSON.parse: unexpected end of data
但是虽然报错，JSON.parse()之后的结果却是正常完整的。

网上搜了很久都没有找到原因，经过不断排查，发现输出responseText的时候，结果之前多了一个空行：
在这里插入图片rutu描述
然后分析前端js代码，发现是代码bug，属于对XMLHttpRequest方法的各个参数理解不够透彻导致：

var xhr = new XMLHttpRequest();
xhr.open("POST", "*.php", true);
xhr.send("data");
xhr.onreadystatechange = function(){
   
	//if( xhr.readyState === 4 || xhr.status === 200){
   
	//	//CODE
	//}
	//这里是最初的错误写法
	//原因是onreadystatechange事件会随着readyState的变化而被调用，因此实际执行中会被调用多次
	//因此正确的写法是
	if( xhr.readyState ===