获取集合时的 ​​Backbone.js 进度条

Question

我想在使用新鲜内容更新应用程序时显示进度条。我想最好的办法是在对集合调用 .fetch 时这样做。

我获取的内容主要是图像(视频海报等)，但我只获取链接，而不是 base64 字符串或一些大的东西。我想要做的是在获取图像链接的同时用进度条覆盖屏幕，渲染 View 以便所有图像都准备就绪，然后覆盖应该消失并显示已经加载的新内容的应用程序。

现在我不知道如何为此构建进度条，因为我并没有真正直接获取图像，而只是获取链接然后渲染 View 。

Answer 1

尝试这个:

var SomeView = Backbone.View.extend({
    loadStuff: function(){
        var self = this;
        someModel.fetch({
            xhr: function() {
                var xhr = $.ajaxSettings.xhr();
                xhr.onprogress = self.handleProgress;
                return xhr;
            }
        });
    },
    handleProgress: function(evt){
        var percentComplete = 0;
        if (evt.lengthComputable) {  
            percentComplete = evt.loaded / evt.total;
        }
        //console.log(Math.round(percentComplete * 100)+"%");
    }
});