Question

我在jQuery deferreds方面遇到了一些麻烦。这是我的代码：

function makeAjaxCalls(purge){
  var deferreds = [];
  // delete the documents
  _.each(purge, function(element, index, list){
    console.log('purging '+element.model+' id='+element.id);
    deferreds.push(
      $.ajax({
        type: 'DELETE',
        url: '/API/admin/purge/'+element.model+'/'+element.id
      })
    );
  });
  console.log('returning array with '+deferreds.length+' deferreds');
  return deferreds;
};

function purgeDeletedDocs(){
  console.log('purging...');
  var purge = [];
  _.each(arrayOfIDs, function(element, index, list){
    purge.push({'model': arrayOfModels.get(element).get('modelName'), 'id': element});
  }); // [{model: 'modelName', id: 'id'}...]
  // when *all* the AJAX calls are resolved run this code
  $.when.apply(this, deferreds).done(function(){
    console.log('done');
  });
  var deferreds = makeAjaxCalls(purge);
};

purgeDeletedDocs()

您可以看到我正在使用$.when.apply，因为我正在从makeAjaxCalls()函数返回延迟数组。

这是我在控制台中获得的内容：

purging...
done
purging User id=5564e0f647f054512a9d64c9
purging Client id=557079a04407058a49fd2f3d
returning array with 2 deferreds

现在这很奇怪。我甚至在AJAX调用之前看到done，更不用解决了。我将this传递到apply()但使用$等没有区别 - 阅读apply()第一个参数的文档只会设置{{1}代码，以便预期的行为。

服务器正在正确地进行API调用，因此正在进行AJAX调用，只是多个延迟似乎已经解决并在它们甚至完成之前触发this。

关于我做错了什么的任何想法？

Answer 1

// when *all* the AJAX calls are resolved run this code
$.when.apply(this, deferreds).done(function(){
    console.log('done');
});
var deferreds = makeAjaxCalls(purge);
正如您所见，我正在使用$.when.apply，因为我正在返回一个数组从makeAjaxCalls()函数推迟。

好但是你没有将它们传递给$.when函数。相反，即使在拨打undefined之前，您也会将$.when传递给makeAjaxCalls()！

将您的陈述重新排序

var deferreds = makeAjaxCalls(purge);
$.when.apply(this, deferreds).done(function(){
    console.log('done');
});

jQuery延迟数组未按预期触发.done（）

1 个答案: