我获取了多个页面的集合,我正在寻找一种方法来了解所有提取的完成时间。 这是我的收藏品的样子:
app.collections.Repos = Backbone.Collection.extend({
model: app.models.Repo,
initialize: function(last_page){
this.url = ('https://api.github.com/users/' + app.current_user + '/watched');
for (var i = 1; i <= last_page; i++) {
this.fetch({add: true, data: {page: i}});
};
}, ...
知道如何使用干净的代码实现这一目标吗?
答案 0 :(得分:14)
使用jQuery deferreds:
var deferreds = [];
for (var i = 1; i <= last_page; i++) {
deferreds.push(this.fetch({add: true, data: {page: i}}));
};
$.when.apply($, deferreds).done(function() {
...
<CODE HERE>
...
}
(我实际上没有对此进行测试,但我认为它应该可行。)
when
上的jQuery文档:
提供一种基于一个或多个对象执行回调函数的方法,通常是表示异步事件的Deferred对象。
另一个可能有用的答案:How do you work with an array of jQuery Deferreds?
答案 1 :(得分:2)
一个选项是使用underscore.js
'after
-function(docs),但这需要使用success -callback,因为会有很多add -events:< / p>
initialize: function(last_page){
this.url = ('https://api.github.com/users/' + app.current_user + '/watched');
var self = this; // save a reference to this
var successCallback = _.after(function() {
self.trigger('allPagesFetched'); //trigger event to notify all listeners that fetches are done
}, last_page); // this function will be called when it has been called last_page times
for (var i = 1; i <= last_page; i++) {
this.fetch({add: true, data: {page: i}, success: successCallback});
};
},
希望这有帮助!