jQuery插件--jTemplate模版

一 、 简单介绍
它是一个基于jQuery开发的javascript模板引擎。它主要的作用如下：

1. 通过JavaScript获取JSON形式的数据；
2. 获取一个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>