多个连续ajax请求的jquery模式

Question

我有一个带有数组的 for every 循环，对于数组中的每个元素，我需要从服务器检索数据，因此我将为每个元素发出 ajax 请求并将结果存储在另一个数组中，我需要知道最后一个元素何时数组已经过处理，所以我可以显示数据，是否有一种模式，或者我怎样才能做到这一点而不使事情变得过于复杂，我认为这就是我正在做的事情

Answer 1

var array = ['a', 'b', 'c'],
    arrayLength = array.length,
    completed = 0;

然后，在 XHR 的回调中，

if (completed == arrayLength) {
   // All of them have finished.
}

completed++;

或者，您声明要将这些内容添加到新数组中。假设完成后数组的长度相等，您可以将回调中的检查更改为 (startArray.length == newArray.length)。

另外，请记住，如果您在循环中制作 XHR（假设异步），它们将几乎同时尝试请求（我认为），这可能是性能问题。考虑编写一个在每个单独请求的回调中再次调用的函数，以便一次生成一个 XHR。递增计数器，以便您可以在每次调用中为下一个数组元素添加下标。

Answer 2

具有“并行”模式的连续传递库将很好地抽象这一点。我正在使用 JooseX-CPS，另请参阅其 教程。

Answer 3

对于每一次成功，计算成功的结果，然后触发一个事件。

例如：

var successfulReturns= 0; 
$.ajax({ 
    url:"", 
    success: function() { 
        successfulReturns++; 
        $(document).trigger("myapp.loadedComplete"); 
    }
}); 

然后监听事件

$(document).bind("myapp.loadedComplete", function() {  } );

这可以让您在循环之外的某个地方测试完成情况。