21

以下は、Ben Nadel のデモの単一ページで長寿命の AJAX アプリケーションからの JavaScript テンプレートの例です: [source]

<script id="contact-list-item-template" type="application/template">

    <li class="contact clear-fix">

            <div class="summary">
                    <a class="name">${name}</a>
            </div>

            <div class="actions">
                    <a href="javascript:void( 0 )" class="more">more</a> &nbsp;|&nbsp;
                    <a href="#/contacts/edit/${id}" class="edit">edit</a> &nbsp;|&nbsp;
                    <a href="#/contacts/delete/${id}" class="delete">delete</a>
            </div>

            <dl class="details clear-fix">
                    <dt>
                            name:
                    </dt>
                    <dd>
                            ${name}
                    </dd>
                    <dt>
                            phone:
                    </dt>
                    <dd>
                            ${phone}
                    </dd>
                    <dt>
                            email:
                    </dt>
                    <dd>
                            ${email}
                    </dd>
            </dl>

    </li>

そのような JavaScript テンプレート エンジンを使用する目的は何ですか? 帯域幅の節約のためですか？それは関心の分離の問題ですか？ブラウザのメモリ リークの問題に対処するのに役立ちますか?

テンプレート エンジンを使用する必要があるのはいつですか? また、生の HTML AJAX 応答を使用する方が簡単なのはいつですか?

関連する議論:

JQuery テンプレート エンジン

4

2 に答える 2

41

テンプレートは、いくつかのシナリオで優れたソリューションです。

  • 特にリッチ リスト表示でサーバーからすべてのデータをロードする
  • リストの新しい項目の追加または更新
  • 新しい複雑なコンテンツをページに追加する必要がある場所
  • クライアント側の HTML レンダリングが必要なもの

ソース: http://www.west-wind.com/Weblog/posts/509108.aspx

于 2010-01-16T10:44:12.553 に答える