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");
}