jquery - 等待.each().getJSON请求完成，然后再执行回调

我有一个jquery .each循环，该循环从json请求中检索具有特定类的页面上所有元素的远程数据。一组元素是一组li标记，在用远程信息更新li元素后，我想使用另一个功能对它们进行排序。

在.each循环之后传递sort函数不会对列表进行排序，因为这些项尚未从json请求中加载完成。排序有效如果我将sort函数作为getJSON请求的.complete回调传递给我，但我只希望对整个列表（而不是对每个项目）运行一次。

fetch_remote_data(function(){sort_list_by_name();});

function fetch_remote_data(f){
jQuery('.fetching').each(function(){
   var oj = this;
   var kind = this.getAttribute('data-kind');
   var url = "http://something.com"
   jQuery.getJSON(url, function(json){
       $(oj).text(json[kind]);
       $(oj).toggleClass('fetching');
   });
});
 if (typeof f == 'function') f();
};

有什么建议么？

最佳答案

如果您使用的是jQuery 1.5，则可以利用其$ .Deferred实现：

function fetch_remote_data(f) {
  var requests = [],
      oj = this,
      url = "http://something.com";

  $('fetching').each(function() {
    var request = $.getJSON(url, function(json) {
      $(oj).text(json['name']);
      $(oj).toggleClass('fetching');
    });

    requests.push(request);
  });

  if (typeof f === 'function')
    $.when(requests).done(f);
}

// No need to wrap this in another function.
fetch_remote_data(sort_list_by_name);

我假设您示例中的$('fetching')不是真正的代码？该选择器将在DOM中搜索<fetching>元素，这可能不是您想要的。

关于jquery - 等待.each().getJSON请求完成，然后再执行回调，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6462144/