JavaScript运用技巧

来源:互联网 发布:邓肯为什么不笑 知乎 编辑:程序博客网 时间:2024/05/17 00:18

1.读取json文件两种方式

$.getJSON("res/test.json",function(data) {});$.ajax({    url:"res/test.json",    type:"get",    dataType:"json",    success:function(data) {    },    error:function(data) {    }});

2.使用JTemplate模板引擎构建页面

<div id="target">    <script type="text/template">        {#foreach $T.users as user}            <p>{$T.user}</p>        {#/for}    </script></div><script type="text/javascript" src="js/jquery.js" ></script><script type="text/javascript" src="js/jquery-jtemplates.js" ></script><script>        $(function(){            var target = $("#target");            //模板内容放入目标对象            var template = target.find('script[type="text/template"]').html();            target.setTemplate(template);            //模板数据放入目标对象            var data = {users:["张三","李四"]};            target.processTemplate(data);        });    </script>

JTemplates下载地址

原创粉丝点击