如何在jQuery 1.5中管理ajax請求的隊列？

Question

我一直在jQuery 1.5中測試新的延遲AJAX函數，並且對它們的簡單性和功能印象深刻。我有一個更大的問題與排隊這些請求的最佳方式有關。

我有兩種情況：串行和並行，如果你願意的話。我想避免同步/異步條款，因爲我確實希望所有這些都是異步請求，以便用戶可以在等待隊列進行處理時執行其他操作。然後我想在隊列完成處理時調用一個函數。

在具有兩個請求我希望如下它們處理過的 「串行模式」：

RequestA - > ResponseA - > RequestB - > ResponseB - > EndOfQueue

在 「並聯模式」有兩個請求我想這樣的結果：

RequestA - > RequestB（ResponseA，ResponseB處理每當準備好） - > EndOfQueue

在這兩種情況下，如果任何請求失敗，我想隊列停止並通過控制失效功能。

我有要求，指定一個動態的隊列長度，所以我不認爲我可以只將一堆.then（）或.when（）延遲在一起，因爲我不知道它是否是一個或一百個項目。我通過供應商的API在服務器上執行業務邏輯，因此服務器端批處理將很困難，因爲我無法控制該代碼。

我已經建立測試用例執行「平行」的情況下，並調用（）函數時畢竟已經成功完成，但這些測試是不是在隊列長度動態的，是無法移植到串行模式。

我可以看到我怎麼能創建一個自定義隊列對象來處理這個問題，但似乎一切對我來說jQuery中已經寫的部分（？）。我看了，但還沒有找到一個以這種方式覆蓋順序請求的例子。

有關如何使用jQuery的隊列/延遲的功能處理這個有什麼想法？

Answer 1

實現你RequestA最簡單的方法 - > ResponseA - > RequestB - > ResponseB爲了將使用這樣的事：

var queue = []; 

function qNext() { 
    $.ajax(queue.shift()).success(qNext); 
} 

function qAjax(options) { 
    queue.push(options); 
} 

qAjax({ 
    // $.ajax options 
}); 

qAjax({ 
    // $.ajax options 
}); 

qNext(); 

請參閱DEMO。

這是你的需求的略微簡化的版本，但它很容易添加一個回調運行後隊列爲空。

你確定你不想RequestA的順序 - > RequestB - > ResponseA - > ResponseB？

Answer 2

看到這個comment上。當（）方法遞延AJAX功能

Answer 3

請參考這兩個問題，我問

1. jQuery Deferred not working
2. jQuery.when understanding

希望，你應該能夠理解這個概念。