关于$.ajax 中complete方法重复多次(4次)调用的浅显研究

做项目的时候遇到过这样的一个问题:

var url = 'http://www.xxx.com?sss=xx&dd=ss';
$.ajax({
url : url,
dataType : "json",
success : function(data) {
console.log(data);
},
complete: function(XMLHttpRequest, textStatus) {
        console.log(XMLHttpRequest);
console.log(textStatus);
}

});

其中统计数据的时候需要再complete方法中发送请求,问题来了

发现统计的数据有重复的,相同的数据有四条!

检查半天发现complete被调用了四次,一开始以为是ajax被请求了四次,complete方法中console.log(XMLHttpRequest);打印数据发现如图:


很明显readyState不同!

查阅网上对readyState的解释:


也就是说一个ajax请求的时候有五种状态,而后四种每一种都调用一次complete,如果不深究,readyState=4也就是第四次调用的时候,会得到我们的结果,所以,我们认为complete方法是在ajax完成之后才执行的!

为此,我查阅了一下官方文档对complete的解释:


翻译很简单,就是说在请求完成之后,才会调用complete方法!

那么,真的是这么翻译的么?

jQuery使用已经好多年,难道没有人发现这一点么 还是  我理解错了 ?

望看到的大神赐教!!!


解决方法:

不管怎么样,我给出我的解决方法:

var url = 'http://www.xxx.com?sss=xx&dd=ss';
$.ajax({
url : url,
dataType : "json",
success : function(data) {
console.log(data);
},
complete: function(XMLHttpRequest) {

if(XMLHttpRequest.readyState==4){

                //添加你的代码

         }

}

});