ajax请求成功，但是却执行error回调

ajax请求成功，但是却执行error回调

问题描述

最近自己尝试着编写了一下后台接口，简单的实现读取本地JSON文件然后返回给前端调用。但是在调用过程中却返现请求的响应成功Status Code: 200 OK 同时也能在response中看到后台数据。但是前端JS却执行了ajax中的错误回调。

问题调试

为什么明明请求成功却不能执行sucess成功回调，反而进入了error回调呢？ 既然这样就把error回调的参数打印出来看看好了。

error:function(XMLHttpRequest, textStatus, errorThrown) {
                        console.log(XMLHttpRequest.status);
                        console.log(XMLHttpRequest.readyState);
                        console.log(textStatus);
   },

打印结果：

打印出来发现textStatus报错：parsererror 数据类型错误。

问题解决

既然以及找到问题来源，接下来就要思考如何解决，既然是数据类型错误，那说明是我的数据处理或者数据源上出了问题。后来查了查资料，发现如果执行ajax时指定dataType为json，首先要检查一下Jquery版本，只有小于1.3的版本可以执行success回调，之后的版本对json格式的要求很严格。回头一看我写的本地JSON数据果然有问题。

[{
	"data":"213",
	"num":"444",
	"age":"12"
},
{
    "data":"456",
    "num":"678",
    "age":"13"
}];       //末尾多了一个分号，应该是复制粘贴留下的

删除文末分号后，发现程序能够成功进入success回调，并打印出我返回的JSON数据。

这里针对parsererror 数据类型错误还有另外一种解决办法，就是将dataType: "json",设置为dataType: "text",不过这时候拿到的数据就不是JSON格式了.后续处理数据的时候会比较麻烦,因此不建议这种写法.

注重细节!!!