如何停止jQuery的任何过程来更改document.location

Question

对于一个小项目，我有一个页面，我在其中实现了一个长时间的请求（2分钟），超时时间为1毫秒（只需要异步启动进程即可，不需要任何备份），每5秒就会调用一些AJAX。

我想做一个按钮来取消所有AJAX调用，并更改document.location。

我使用xhrPool脚本尝试取消所有AJAX调用，然后调用document.location行。 但是，当我单击该按钮时，该脚本似乎已被一些未决的AJAX调用阻止，用户（我）需要等待大约20至30秒，太懒了。

这是我的脚本：

$.xhrPool = [];
$.xhrPool.abortAll = function() {
    $(this).each(function(idx, jqXHR) {
        jqXHR.abort();
    });
    $.xhrPool = [];
};

$.ajaxSetup({
    beforeSend: function(jqXHR) {
        $.xhrPool.push(jqXHR);
    },
    complete: function(jqXHR) {
        var index = $.xhrPool.indexOf(jqXHR);
        if (index > -1) {
            $.xhrPool.splice(index, 1);
        }
    }
});

function toTime(c) {
    var str = '';
    if (c > 59) {
        str = Math.floor(c/60) + 'm ';
        c %= 60;
    }
    if (c > 0)
        str = str + c + 's';
    return str;
}

function updateProgress() {
    $('.progress .bar').animate({
        width: count*4
    }, {duration:1000, easing: 'linear'});
    $('.progress .bar').html(toTime(count));
}

function timer() {
    updateProgress();
    if (count > 0) {
        if ((count % 5) == 0) {
            $.ajax({
                url: '/?act=verifyStatus',
                timeout: 5000
            }).done(function(data){
            if (data == 'OK')
                document.location = '/?act=found';
            });
        }
    } else {
        document.location = '/?act=nodelivers';
    }
    count--;
    setTimeout('timer()', 1000);
}

$(function(){
    $('.cancel').click(function(){
        $.xhrPool.abortAll();
        document.location = '/?act=form';
    });
    $.ajax({
        url: '/?act=doContact',
        timeout: 1
    });
    timer();
});

预先感谢

Answer 1

只需添加一个将全局变量状态设置为“运行”或“停止”的按钮，然后在每次调用之前检查该变量的状态？ 然后根据需要重定向。

Answer 2

就像FAngel所说的那样，第一个漫长的过程是阻止其他请求！

因此，在此过程中，我仅添加了session_write_close（）;。 在最后一次会话访问之后，现在一切正常！

谢谢 ！