引入引擎文件 template.js
1,定义引擎模块
<script type="text/html" class="card-tpl">
<!-- 生成案例列表循环 -->
<%for(var i = 0;i < cards.length; i++){%>
<div class="card-wrap" name="<%:=cards[i].proAddr%>">
<img src="<%:=cards[i].img%>" class="left">
<span class="card-title">
<%:=cards[i].title%>
</span>
<span class="card-slogen"><%:=cards[i].slogen%></span>
</div>
<%}%>
</script>
2,读取json数据并赋值生成html标签
$.get("../data/url.json", function(t) {
var a = document.getElementsByClassName("card-tpl")[0].innerHTML,
n = template(a, {
cards: t.data
});
$(".cards-part").append($(n)),
bindClickEvt(),
loaded()
})
json数据格式

原文:https://www.cnblogs.com/eliteboy/p/13570622.html