ajax - 如何取消/中止 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 有一个 abort方法，它会取消请求，但如果请求已经发送到服务器，那么即使我们中止请求，服务器也会处理请求，但客户端不会等待/处理响应。

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);
);