AJAX入力に基づいてHTMLを構築する適切な方法

Question

私はDjangoでこのWebアプリケーションを開発しています。厳密なWebフレームワークは重要ではありませんが、ポイントは次のとおりです。コード、データ、および実際のHTMLを素早く分離しています。しかし、さらに進むにつれて、単一のWebページを維持し、AJAXリクエストを介してユーザーの操作にインターフェイスが応答するようにしたいと考えています。今度は、AJAXリクエストからの特定の入力を期待し、文字列とデータを基本的に連結してページの大部分を構築するこれらのハンドラ関数をすべて記述しています。突然それが再び1999年です。私は手動でHTML文字列を作成しています。これはできない？

私の質問は、まともなパターン/フレームワークは何ですか...ブラウザ側でHTMLを体系的に作成するにはどうすればいいですか？私は、jQuery用のテンプレートプラグインがいくつかあることを認識していますが、そのうちの1つにコミットする前に、この問題の根本的な解決策はありませんか？

Answer 1

私が以前にしたことは、私のサーバーに処理とコード生成をさせることです。負荷をクライアントから守ります。

部分（表示）を読み込んで返したり、jsonでエンコードしたりすることができます。 jsonを使用する場合は、HTMLをあなたのレスポンスオブジェクトまたはそれに類するものの中の「コンテンツ」にします。

このように、同じビューを使用できるので、コードの重複はありません。トリックはそれらを分割する方法になります。

Answer 2

html文字列を作成する代わりに、リレーショナルデータベースのデータを保持するjavascriptクラスの内部にjavascript domオブジェクトの配列を保持しておき、ユーザーインタラクションに基づいてAJAXを使用してそれらを構築/サイクルするだけですか？これは、動的プリロード（1つのページを選択するとすぐにフルサイズの画像を表示できるようにする）を使用して、1ページに約500枚のフォトギャラリー（セットに分かれています）を維持する方法です。

Answer 3

また、この1999年のことを感じて、jQuery tmplのために解決しました。 モデルとビューを分離して、ビジネスロジックに集中する時間を増やすことができます。テンプレートを定義するには、ドキュメント本文内の任意の場所にtext/x-jquery-tmpl型のscript-tagを使用し、そのIDで指定して使用します。