jQuery 模板插件jquery-tmpl

Step1:导入脚本：

　　 <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>         

       <script src="@Url.Content("~/Scripts/jquery.tmpl.min.js")"></script>

Step2:添加模板-占位符格式：$(json对象属性名)：

　　　　　<script id="temp" type="text/x-jquery-tmpl">

         　　　　   <tr>

           　　　　     <td>${CID}</td><td>${CName}</td><td>${CCount}</td>

       　　     　　</tr>

　　　　　</script>

Step3:为模板装载数据并最终生成html

function ajaxFinish(jsonObjArray) { //[{CID:"1",CName:"aa",CCount:"1"},....{}]

       $("#temp").tmpl(jsonObjArray).appendTo("#tbList");

}

 

转载于:https://www.cnblogs.com/zhangyihui/p/4805159.html