0

json から html などを作成するのに問題はありませんでした。私は ajax html テンプレート用の多くのライブラリを見ましたが、なぜ使用すべきかという答えが見つかりませんでした。

おそらく主な答えは、コードの可視性とメンテナンスでしょうか? 速度やその他の理由はどうですか?

これは、jsonからhtmlを設計する方法です:

function MakeRow(item, alt) {    

    var html = "<div class='item "+alt+"'>";
    html += "<div class='checkbox'><input type='checkbox' name='checkedRecords' value='" + item.ID + "' /></div>";
    html += "<div class='attach'><img src='" + item.Attach + "' /></div>";
    html += "<div class='from'>"+item.From+"</div>";
    html += "<div class='title'>"+item.Title+"</div>";
    html += "<div class='date'>"+item.Date+"</div></div>";
    return html;
}
4

1 に答える 1

2

テンプレートは、関心の分離を管理する方法です。基本的な考え方は、HTML はドキュメントの構造に関与し、javascript はドキュメントによって提示されるデータの更新に関与するというものです。

テンプレートを使用することにより、HTML は、テンプレートがバインドされているプロパティの名前以外のデータについて何も知る必要がなく、Javascript は、データがどのように表示されるかの構造について何も知る必要がありません。Javascript はどこからでもデータを取得し、HTML で定義されたテンプレートに適切な値を入力します。

質問のアプローチは明らかに機能しますが、問題は、ページのレイアウトを変更したい場合、Javascript を調べてこのコードをすべて変更する必要がある可能性があることです。テンプレートを使用すると、すべてのレイアウトが本来あるべき場所 (HTML) にあるため、必要に応じてレイアウトを変更でき、もちろん制限内ですべてが機能するはずです。

于 2012-10-09T00:50:34.497 に答える