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

4147 ワード

一、簡単に紹介するのは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>