jQuery .always（）似乎在$ .get（）请求实际上完成之前触发

Question

这可能是我对AJAX函数的误解，但我有一种情况，在此之前调用$.get回调函数（.always()） GET请求实际上完成。至少，这就是它的样子。

守则

var apiRequest = 'some/url/'; 

// fetch list of video embed codes 
$.get(apiRequest, function(embed_codes) { 

    // added this per Explosion Pills' answer 
    var jqxhrs = []; 

    // for each embed code, get video details (name, duration, etc.) 
    for (var i = 0; i < embed_codes.length; i++) { 
     var videoDetailsRequest = '/v2/assets/' + embed_codes[i]; 
     //..declare vars.. 

     // fetch video details 
     var jqxhr = $.get(videoDetailsRequest, function(video) { 
      // build playlist entry for each video 
      playlistItem = '<li><h3>' + video.name + '</h3><p>' + video.description + '</p></li>'; 

      // create object of video HTML, with key = "video name" for sorting later 
      videoArray[video.name] = playlistItem; 
     }, 'jsonp') 

     // added this per Explosion Pills' answer 
     jqxhrs.push(jqxhr); 
    } 

    // updated from jqxhr.always(function() { 
    $.when(jqxhrs).always(function() { 
     // create array of keys 
     for (k in videoArray) { 
      if (videoArray.hasOwnProperty(k)) { keys.push(k); } 
     } 

     // append alphabetized list of videos to the page... 
    }); 
}, 'jsonp'); 

什么代码没有

从本质上讲，该代码执行此操作：遍历的视频嵌入代码的列表。对于for循环的每次迭代，获取有关每个视频的详细信息并将这些详细信息推送到多维数组中。完成提取所有视频后，请拨打.always()回拨，将视频按照字母顺序排列，然后附加到页面。

的问题

的.always()回调有时之前调用所有的视频都被取出。播放列表中有9个视频，但在回调被触发前有时候只有6或7个视频会被返回，这意味着我的播放列表有点短。我已通过alert（）键和使用控制台测试了这一点。我所看到的是，6-7个视频将返回，然后alert()在回调火灾，然后剩余的视频被返回。

我的问题：

这究竟是为什么？我认为在 AJAX请求完成后.always()回调触发。这是不是意味着所有的视频都应该在之前返回回调被解雇？我怀疑它与AJAX中的“A”有关，但我认为always()回调的目的是为了解决这个问题。任何帮助我理解的东西都非常感谢。谢谢！

Answer 1

您设置的方式，只要循环中的上一个 ajax请求完成，.always回调就会触发。相对于其他人而言，这可能发生错误。当循环中的所有请求都完成或外部请求完成时，我无法确定是否希望它触发。

对于外部请求，这很容易。只需连线.always（或.done，我相信它们是相同的，后者是首选）。

如果你想让它完成时，所有其他的Ajax请求完成后，您可以使用$.when，当所有递延对象是完整的，其检查：

var jqxhrs = []; 
    ...for loop... 
    var jqxhr = $.get(videoDetailsRequest 
    ... 
    }, 'jsonp'); 
    jqxhrs.push(jqxhr); 
... 
$.when.apply(undefined, jqxhrs).always(function() { /* your intended callback */ 

---

或者，你可以使用.pipe：

//Create initial deferred object 
var jqxhr = $.Deferred(); 
    ...for loop... 
    jqxhr = jqxhr.pipe($.get(... 
jqxhr.always(function() { /* callback */