jQuery ajax getjson demo

来源：互联网发布：超人电力工程预算软件编辑：程序博客网时间：2024/06/05 15:39

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>getjson demo</title><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script>    function loadData(){        //发出请求        $.getJSON('1.json', function(data){//得到内容            var ret = [];            $.each(data, function(i, entry){//遍历返回的数据                var html='<tr>';                html+='<td  bgcolor="#FFFFFF">'+entry['dm']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['name']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['zuixin']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['zhangdie']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['mairu']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['maichu']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['zuigao']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['zuidi']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['zuojie']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['zuoshou']+'</td>';                html+='<td  bgcolor="#FFFFFF">'+entry['times']+'</td>';                html+='</tr>';                ret.push(html);//存入数组            });            $('#title').html('<table>' + ret.join('') + '</table>');//将数组合并后,写入 #title 中        });    }   $(document).ready(function(){//DOMReady时触发        loadData();//先执行一次,将内容显示出来        setInterval(loadData, 1*1000);//然后每隔10秒执行一次,时间请根据需要自己修改   });  </script> </head> <body>   <div id="title"></div> </body></html>

json

[{"dm":"CU11","name":"\u65b0\u534e\u94dc1T","zuixin":"43065","zhangdie":"89","mairu":"43099","maichu":"43065","zuigao":"43499","zuidi":"42693","zuojie":"42976","zuoshou":"42978","times":"2014-08-12 17:42:47"},{"dm":"CU5","name":"\u65b0\u534e\u94dc5T","zuixin":"43065","zhangdie":"89","mairu":"43099","maichu":"43065","zuigao":"43499","zuidi":"42693","zuojie":"42976","zuoshou":"42978","times":"2014-08-12 17:42:40"}]

阅读全文

0 0