jQuery 同步非阻塞ajax 调用

Question

在我的 Web 应用程序中，我有一系列快速触发的 ajax 调用。在服务器上，这些需要按照从客户端发送的顺序进行处理。

我一直在 jQuery 中使用 async: false 配置来执行此操作。然而，这会导致 GUI 变得非常缓慢，同时会阻止调用完成。使用 async: true GUI 可以响应，但请求并不总是按顺序处理。

是否有另一种非阻塞方法来对ajax请求进行排队，以便下一个请求仅在前一个请求完成后才发送？

注意:我没有要处理的请求“列表”。请求是动态生成的，因此我需要能够在生成请求时将它们填充到某种 FIFO 队列中，然后通过某些进程使用该队列。

Answer 1

可以使用 jQuery promises 轻松完成:

function firstAjax() {
    return $.ajax({...});
}

function secondAjax() {
    return $.ajax({...});
}

firstAjax().pipe(secondAjax).pipe(...).done(function() {
    alert('all requests have successfully finished');
});

或

$.when(firstAjax()).pipe(secondAjax).pipe(...).done(function() {
    alert('all requests have successfully finished');
});

http://jsfiddle.net/zerkms/WQcVD/1/