jQueryプラグイン--jTemplateテンプレート

一、簡単に紹介するのはjQueryに基づいて開発されたjavascriptテンプレートエンジンです.主な役割は次のとおりです.

JavaScriptでJSON形式のデータを取得する.

HTMLテンプレートを取得し、データと結合してページHTMLを生成します.

二、簡単にガイドパッケージを使う:先にjQueryを導入した.js、jtemplatesをインポートします.js.

<textarea id="template" style="display:none">
<strong>{$T.name} : {$T.list_id}strong>
<table>
    <tr>
   <th>  th>
   <th>  th>
            <th>  th>
   <th>  th>
 tr>
 {#foreach $T.table as record}
 <tr>
   <td>{$T.record.id}td>
   <td>{$T.record.name}td>
            <td>{$T.record.age}td>
   <td>{$T.record.mail}td>
 tr>
 {#/for}
table>


<div id="result">div>

jsスクリプトを書くと、$.ajax()メソッドjsonのロード

<script type="text/javascript">
    $(function(){
        $.ajax({
             type: "post",
             dataType: "json",
             url:  "menus.do",
             data:{ : , : }, //    controller   
             success:function(data){  //controller    json
                     $("#result").setTemplateElement("template",null,{filter_data:false}); 
                     $("#result").processTemplate(data);
                ｝
        });
    });                     
script>