Question

我的问题如下：

在页面上，我正在进行多次（6）ajax调用（通过jQuery）同时获取一些数据（使用php包装器通过调用获取数据）
请求是在同一时间完成的，需要10-20秒才能完成
如果用户点击任何链接去其他地方（到其他某个页面），我可以看到所有未完成的通话都被取消
但是，浏览器仍然等待20秒才能导航到另一个页面 - 就像它仍在等待最长的通话完成，即使它已被取消

（同样的问题在Chrome和Firefox中发生，ajax调用是异步的...我试图设置ajax超时，在ajax错误响应中捕获readystate = o，甚至试图对webworkers做一些事情，但无济于事）

任何见解都会有所帮助

谢谢！

Answer 1

这是由于浏览器的maximum number of connections到单个域。

有关每个浏览器的mamimum信息，请参阅Browserscope。

IE 8 + 9：6连接
IE 10：8连接
Chrome 26：6连接
Firefox 21：6连接

您可以做的是收集所有Defferred对象，并在用户点击链接时取消它们。

示例：

// some ajax calls
doAjax({});
doAjax({});

var requests = [];

// helper function to perform and register calls
function doAjax(options) {
    var jqXHR= $.ajax(options);
    requests.push(jqXHR);
    jqXHR.always(function(jqXHR) {
         var index = requests.indexOf(jqXHR);
         if (index!=-1) {
             requests.splice(index, 1);
         }
    });
}

// function to abort all calls
// when your application has a router to provide navigation, this function
// is typically called when you navigate to another page
function abortAllPendingRequests() {
    var i;
    for (i=0; i<requests.length; i++) {
        var xhr = requests[i];
        // already finished calls (readyState 4) should not be aborted
        if (xhr.readyState != 4) {
            xhr.abort();
        }
    }
};

当用户尝试导航到另一个页面时，剩下的就是调用abortAllPendingRequests函数。

当你有某种router（例如Backbone.Router）时，你可以在那里打电话。

如果您的应用程序没有用于导航的router，但您使用了普通锚链接，则可以在调用abortAllPendingRequests函数的链接上添加onClick。

Ajax jQuery同时进行多次调用 - 漫长的等待答案而无法取消

1 个答案: