Question

我正在尝试使用$ .when.apply（）和$ .ajax以及$ .getJSON。我试图将一个嵌入另一个，但它似乎没有工作。这是大纲：

var jxhr = [];
var kxhr = [];

$.when($.getJSON('stuff.js', function(cart){
    //Grab Stuff
})).then(function(){
       for(i<stuff)
       {
           jxhr.push($.getJSON(array[stuff])
       }

       $.when.apply($, jxhr).done(function()
       {
           for(i<array2)
           {
               kxhr.push($.getJSON(array2[morestuff]))

           }
           $.when.apply($, kxhr).done(function())
           {
               //Finish up here.
               //Not running.
           }
       });
}

我有一些语法错误会把代码拉出来，但结构应该在那里。问题是第二个$ .when.apply（）没有运行。这是限制吗？有没有更好的方法来构造这个不使用嵌入式whens的代码？

Answer 1

这是承诺方法的更垂直链接。由于$.getJSON本身会返回promise，因此无需在$.when中包装第一个调用。请注意，2 then's必须在调用最终done之前按顺序解析

$.getJSON(url, function(cart) {
   $('body').append('<p>First getJSON call made</p>');
}).then(function(){
  var jxhr = [];
   $('body').append('<p>Start first loop then</p>')
  for (var i = 0; i < 5; i++) {
    jxhr.push(getSomeData('Loop 1'))
  }      
  return  $.when.apply($, jxhr)
}).then(function(){
   var kxhr = [];
  $('body').append('<p>Start second loop then</p>')
   for (var i = 0; i < 5; i++) {
      kxhr.push(getSomeData('Loop2'))
    }
   return $.when.apply(null, kxhr)
}).done(function(){
   $('body').append('<p>DONE!</p>');

});


function getSomeData(loop) {
  return  $.getJSON(url, function(res) {
      $('body').append('<p>'+loop+' getJSON call made</p>');
  })
}

的 DEMO

UPDATED DEMO （使用嵌套数组数据输出稍微更真实的数据处理）

你能在jQuery中嵌入when.applies（）吗？

1 个答案: