artTemplate的简单例子


artTemplate的简单例子

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title></title>
</head>
<body>

<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
<script type="text/javascript" src="js/template.js"></script>

<script id="test" type="text/html">
    <li>{{status}}</li>
     {{each data as value index}}
    <li>{{index}}:{{value.id}}</li>
    <li>{{index}}:{{value.title}}</li>
    {{/each}}
</script>

<script type="text/javascript">
    var data ={"status":0,"data":[{"id":"66668888","title":"恭喜发财！大吉大利！"}]};
</script>
<script>
 $(function () {
     var html = template('test', data);
    console.log(html);
    $("#content").html(html);
});
</script>

<div id="content"></div>
</body>
</html>


对应的js文件需自行下载。

posted @ 2017-05-09 16:24  北里闻箫  阅读(1026)  评论(0)  编辑  收藏  举报