javascript - 在 backbonejs 中获取初始数据之前的 Ajax throbber 设计模式

Question

我的应用程序有几个主干模型和集合。我想在所有模型/集合从服务器同步之前放置一个 ajax throbber。

有人可以指导我或向我解释他们可能用来在同步所有模型/集合之前放置 ajax throbber 而不是在同步数据之前呈现 View 的任何设计模式。

Answer 1

fetch() 方法返回一个 jQuery promise。因此，您可以在您的应用中执行类似以下操作:

$(document).ready(function () {
    var fetchA, fetchB, modelA, modelB, viewA, vieB;
    startThrobber();
    modelA = new ModelA();
    modelB = new ModelB();
    fetchA = modelA.fetch();
    fetchB = modelB.fetch();
    $.when(fetchA, fetchB).then(function () {
        stopThrobber();
        viewA = new ViewA({model: modelA});
        viewB = new ViewB({model: modelB});
        viewA.render();
        viewB.render();
        ....
    });
});