JavaScriptを使用して最小限の送信を維持する

Question

誰かが、JSONデータを渡し、JavaScriptを使って帯域幅を節約するためのHTMLを生成するシステムを作ったことがありますか？

どのような方法があり、利用できるテンプレートシステムはありますか？

Answer 1

John Resig'sのJavaScript Micro-Templatingから開始してください。

Answer 2

それのようないくつかは、いくつかはそれを嫌い、しかし、あなたは基本アプリケーションパッケージ内に文字列形式でHTMLのテンプレートを作成することができる（例えば、JSファイルは、メインページに含まれる。）

var fooTemplate = "<div class='%div_class_parent%'>"+ 
        "<div class='%div_class_child%'/>"+ 
        "</div>"; 

、あなただけのinnerHTMLメソッドを使用して既存のDOMノードにロードします。 parseFooTemplateはJSONから返された正しいデータで置き換え%%要素とfooTemplateを返し

document.getElementById('someNode').innerHTML = parseFooTemplate(); 

。

これは多くの方法の1つにすぎません。 dojoツールキットには独自の方法があり、ウィジェットではその背後でHTMLテンプレートを使用できます。ここで列挙する方法は多すぎます。

Answer 3

JSONに基づかHTMLを生成するにはあなたはjavascriptを
のためのいくつかのテンプレートエンジンが必要になります私はZparseテンプレートエンジンをreccomendだろうhttp://code.riiv.net/zparse/それは本当に素晴らしいです - 私はそれをたくさん使用。

ベストパーツ - 独自のタグを宣言することで簡単に拡張できます。