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

在学习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 === 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值