<body>
    <div id="content">

    </div>
    <div id="content2">
        
    </div>
    <div id="content3">
        
    </div>
</body>
<script src="https://cdn.nikm.cn/js/template.js"></script>
<script src="https://cdn.nikm.cn/js/jquery.js"></script>
<script id="test" type="text/html">
    <h1>{{user.name}}</h1>
</script>
<script id="test2" type="text/html">
    {{each data v k}}
    <div>
        <span>{{v.name}}</span>
        <span>{{v.age}}</span>
    </div>
    {{/each}}    
</script>
<script id="test3" type="text/html">
{{if name1=='张三'}}
{{name1}}
{{/if}}
</script>
<script>
    var data = {
        'user': {
            'name': 'test'
        }
    };
    var html = template('test', data);
    console.log(html);
    document.getElementById("content").innerHTML = html;
</script>
<script>
    $.get('./test19.php',function(res){
        console.log(res);
        var html2 = template('test2', {data:res});
        console.log(html2);
        document.getElementById("content2").innerHTML = html2;
    },'json')
</script>
<script>
    var data3 = {
        'name1':'张三',
        'name2':'李四'
    };
    var html3 = template('test3',data3);
    console.log(html3);
    document.getElementById('content3').innerHTML = html3;
</script>

版权属于：本文是原创文章，版权归 吾梦小站 所有。

本文链接：https://nikm.cn/archives/25.html

本站所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由地转载和修改，但请务必注明文章来源并且不可用于商业目的。

最后修改：2019 年 08 月 20 日 10 : 52 AM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏