有没有办法在浏览器中暂停HTTP AJAX调用,以便另一个可以继续?

时间:2012-06-26 19:08:35

标签: javascript ajax http

我正在研究一种能够充分利用AJAX功能的应用程序。我目前正在处理一个页面,其中有大量的ajax调用来渲染初始页面。所有这些调用都通过相同的AJAX脚本进行路由,因此浏览器必须一次调用它们。 (是的,这有点低效)

我有一个加载另一个页面的事件,但不幸的是它需要在重新呈现页面之前进行ajax调用。结果是,如果用户在首次加载页面时单击该链接,则浏览器会在根据用户单击引发的事件进行调用以重新呈现页面之前等待所有其他ajax调用。在页面加载时点击链接时,这会导致页面加载时间明显变慢。

我的问题是:有没有办法使用Javascript或其他东西让网页浏览器取消对网络脚本的http调用,以便其他事件可以调用同一个脚本?我我知道每次调用不同的脚本都会很好,所以它们可以同时发生,但不幸的是我正在处理的应用程序通过中央脚本汇集所有的ajax请求,而且不会很快改变。

2 个答案:

答案 0 :(得分:2)

使用XMLHttpRequest对象上的abort() method取消任何正在进行的请求,并将对象返回到可重用状态。

您可以将其包装在辅助对象中,例如:

function HttpQueue(uri) {
    var queue= [];
    var xhr= new XMLHttpRequest();
    xhr.onreadystatechange= function() {
        if (xhr.readyState===4 && queue.length>=1) {
            queue.unshift()[1](xhr);
            if (queue.length>=1)
                next();
        }
    };
    this.send= function (data, callback, isurgent) {
        if (isurgent && queue.length>=1) {
            queue.length= 0;
            xhr.abort();
        }
        queue.push([data, callback]);
        if (queue.length==1)
            next();
    };
    function next() {
        xhr.open('POST', uri, true);
        xhr.send(queue[0][0]);
    }
}

var queue= new HttpQueue('/script');

queue.send('action=foo', function() {
    alert('task 1 done');
}, false);

queue.send('action=bar', function() {
    alert('task 2 done');
}, false);

queue.send('action=bof', function() {
    alert('task 3 is urgent! tasks 1 and 2 can get knotted');
}, true);

(未经测试,可能有效)

答案 1 :(得分:0)

您可以使用jQuery $ .ajax方法。

此时您将为每个调用指定超时,然后将aSync设置为false。这样你一次只能运行一个ajax请求。

可在此处找到文档: http://api.jquery.com/jQuery.ajax/