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

Bertha 。 2021-09-30 03:34 694阅读 0赞

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

## 问题描述 ##

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

## 问题调试 ##

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

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

打印结果：  
![打印结果][20190723104445245.png]  
打印出来发现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格式了.后续处理数据的时候会比较麻烦,因此不建议这种写法.

## 注重细节!!! ##

[20190723104029415.png]: /images/20210726/9b4f6e028d824708862d68bb94f0407c.png
[20190723104445245.png]: /images/20210726/e484c32a6e07427ab7bbba3fe4f3db2b.png