功能 : 簡述artTemplate的簡潔用法
一, 下載下傳位址 :
連結: https://pan.baidu.com/s/13dJHROtPC0oGVph1tPqyqQ
提取碼: 5nmg
下載下傳artTemplate後，找到template-web.js，引入到頁面即可
二, 引入代碼:
<script src="/art-template-master/lib/template-web.js"></script>
三, 用法
html代碼
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<script src="/static/index/js/jquery.min.js"></script>
<script src="/static/template-web.js"></script>
</head>
<body>
<div id="content"></div>
<script id="test" type="text/html">
<h1>版本總數:{{count}}個</h1>
<ul>
{{each article as value i}}
<li>{{value.version}}</li>
{{each value.content as data j}}
<li>{{data}}</li>
{{/each}}
{{/each}}
</ul>
</script>
<script>
$.post("updated/type/1", function (t) {
var t = JSON.parse(t)
console.log(t);
var data = t.data;
console.log(data);
var html = template('test', data);
document.getElementById('content').innerHTML = html;
})
</script>
</body>
</html>
(1) 特别注意紅框标注部分
(2) console.log(t);結果:
(3) 頁面展示效果: