JavaScript：オブジェクトの配列をDOM表示にバインドするアルゴリズムまたはメソッド？

Question

グッド：

我々はjQueryとアヤックスを使用してネストされたオブジェクトのJSON配列を送信します（）。私たちはJQueryとMicrosoftのテンプレートを使ってコンテンツをレンダリングします。 400ミリ秒で100個のオブジェクトを送信します。これは、10秒で50製品の同等のサーバーレンダリングよりもはるかに高速です。

難易度：

我々は、それが表すDOMのHTML要素にJavaScriptオブジェクトの配列をバインドする必要があり、すなわち、HTML入力への変更は、JavaScriptのオブジェクトに戻って反映されます。私たちの難しさは、私たちのオブジェクトがネストされていることである、とだけ選択したオプションが含まれています。

Product[].Department[].deptid; 
// We only store the departments for which this product participates 

私たちはそれらを一緒に結合させるために存在するオブジェクトのプロパティとHTML要素の両方を必要とjQueryのを使用してリンクするマイクロソフトのデータを試してみました。それは上記の状況にはうまくいかない。私たちは、これを行うことができます：

Product[].Department[].Dept.id; 
Product[].Department[].Dept.name; 
Product[].Department[].Dept.selected; // true if selected, false if not 
// This requires all possible options in all needed products. Yuck 

はどんな例が最高それらが表すHTML要素にJavaScriptのネストされたオブジェクトの配列を結合処理する方法にそこにありますか？

フォーム要素をサーバーに送信しません。その代わりに、それらをJSON配列に集めて、それをサーバーに送り返します。それは非常に高速ですが、アセンブリは面倒です。

Answer 1

それはあなたの記述からでトラブルを抱えている内容を正確に把握するのは難しいですが、役立つかもしれない二つのものがあるように思える：

1）あなたはjQueryのデータを使用してDOM要素にデータを保存することができますが（ ）メソッドhttp://api.jquery.com/data/

2）フォーム要素の値は、change（）イベントとval（）メソッドを使用して取得できます。

しかし、どのJavascriptオブジェクトがフォーム要素と連動するかを知る方法の質問のように、より基本的なものに慣れているようです。それは事実ですか？