如何取消/中止jQuery AJAX请求？

Question

我有一个AJAX请求，将每5秒发送一次。但是问题出在AJAX请求之前，如果先前的请求没有完成，我必须中止该请求并提出新的请求。

我的代码是这样的，如何解决这个问题？

$(document).ready(
    var fn = function(){
        $.ajax({
            url: 'ajax/progress.ftl',
            success: function(data) {
                //do something
            }
        });
    };

    var interval = setInterval(fn, 500);
);

Answer 1

jQuery
ajax方法返回一个XMLHttpRequest对象。您可以使用此对象取消请求。

XMLHttpRequest具有中止方法，该方法会取消请求，但是如果请求已经发送到服务器，那么即使我们中止请求 ，服务器也将处理该请求
，但客户端不会等待/处理响应。

xhr对象还包含一个readyState，该状态包含请求的状态（UNSENT-0，OPENED-1，HEADERS_RECEIVED-2，LOADING-3和DONE-4）。我们可以使用它来检查上一个请求是否已完成。

$(document).ready(
    var xhr;

    var fn = function(){
        if(xhr && xhr.readyState != 4){
            xhr.abort();
        }
        xhr = $.ajax({
            url: 'ajax/progress.ftl',
            success: function(data) {
                //do something
            }
        });
    };

    var interval = setInterval(fn, 500);
);