初期データをバックボーンに取り込む前のAjaxスロバのデザインパターン

Question

私のアプリケーションにはバックボーンモデルとコレクションのカップルがあります。すべてのモデル/コレクションがサーバーから同期される前に、私はajaxスロバを配置したいと思います。

データが同期される前に、ビューをレンダリングするのではなく、すべてのモデル/コレクションが同期される前に、アヤックススロバを配置するために使用した可能性のあるデザインパターンを教えてもらえますか？

Answer 1

fetch()メソッドは、jQueryの約束を返します。したがって、あなたのアプリで次のようなことをすることができます：

$(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(); 
     .... 
    }); 
});