フロントエンドの動的に生成されたコンテンツに重点を置いて MVC4 アプリケーションを構築しています。問題の特定のセクションは、可変長のグリッドがページの約 50% を占めるページであり、右半分にはグリッドでのユーザー選択に関連する詳細セクションが表示されます。
クリックするたびに、サーバーに対していくつかの ajax 呼び出しが実行され、データベースに対していくつかの LINQ クエリが実行され、動的 HTML を作成するために ajaxcallback 関数に渡される関連データが返されます。ここにいくつかの疑似コードがあります。
onActiveRowChanged => $.ajax({ action: "Home/GridData", success: createGrid });
createGrid(obj) {
dataHTML += "<div class='something'>" + obj[0].ID + "</div>";
details.append(dataHTML);
}
グリッド アイテムの循環が速すぎるときに遅延を使用することで、ネットワーク トラフィックをいくらか減らすことができましたが、十分ではないのではないかと心配しています。丸一日、このアプリケーションのインスタンスに多くのユーザーがいます... クライアント アカウントごとに何回も複数のユーザーがいます。グリッドの選択ごとにクエリを実行すると、トラフィックが膨大になります。
私の質問は: 上記の例の dataHTML 変数を、MVC/HTML5 に固有の機能を備えたエレガントな方法でキャッシュできますか?代わりに、外部の .html ファイルから html の「テンプレート」をプルする必要がありますか、それともまったく別のことを行う必要がありますか?