これは私の最初の ASP.NET MVC アプリケーションであり、ASP.NET MVC 3 と jQuery 1.9.1 を使用して取り組んでいる POC のより良いオプションを選択しようとしています。どちらのオプションが優れているか、またその理由を教えてください。現在、以下の 2 つの実装があります。
1) 3 つの異なる jQuery タブでオンデマンドで 3 つの部分ビューを読み込んでいます。オンデマンドとは、ユーザーが特定のタブをクリックしたときに、Ajax を使用して (GET を使用して) 関連付けられたコントローラー アクションを呼び出し、部分ビューをフィードするモデル オブジェクトを設定することを意味します。ユーザーが他のタブをクリックして前のタブに戻ると、リクエストごとにタブ データが読み込まれるため、新しいリクエスト データによってユーザーが入力したデータが消去されます。これを防ぐために、モデル オブジェクトにマップする Javascript オブジェクト (タブごとに 1 つのオブジェクト) を使用するつもりです。ユーザーがコントロールのデータを変更するたびに、グローバル JavaScript オブジェクトを更新します。これにより、現在のデータを取得できます。ユーザーが送信をクリックすると (送信ボタンは 1 つだけで、個々のタブの [保存] ボタンはありません)、Ajax を使用して JS オブジェクトをコントローラーに投稿します。
2) もう 1 つのオプションは、すべてのドロップダウンが入力された状態でアプリケーションのすべてのタブを一度にロードすることです。ユーザーにデータを編集させます。ユーザーが Web ページのフィールドを更新すると、1 つのグローバル JavaScript (タブごとに 1 つのオブジェクト) でデータをキャプチャします。ユーザーが送信をクリックすると (送信ボタンは 1 つだけで、個々のタブの [保存] ボタンはありません)、Ajax を使用して JS オブジェクトをコントローラーに投稿します。コントローラー アクション (POST を使用) が実行され、モデル オブジェクトを使用してさらに処理を行い、部分ビュー (または JSON ?) を応答として返すことができます。
2つのアプローチのいずれかで改善すべき点があれば教えてください。
実際のアプリケーションでは、多くのコントロールを備えた 10 ～ 15 個のタブが存在する可能性があるため、不適切な設計によって将来問題が発生しないように、アプローチを明確に理解することが非常に重要です。