Jquery Json调用在日常工作中非常好用,只需要Json数据就可以了,如果对Json数据不太了解请先百度或者google一下 。下面就对Jquery Json调用的代码进行的分析与研究。。。。
复制
$jsonstr .= “[{'IP':'192.168.1.1','diqu':'深圳".$id."','addtime':'".Date('Y-m-d H:i:s',time())."'},{'IP':'192.168.1.2','diqu':'上海".$id."','addtime':'".Date('Y-m-d H:i:s',time())."'}]“; <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>关键字效果统计</title> <script type="text/javascript"> $(function(){ var tableTop ='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr bgcolor="#FFCC66"><td width="35%">IP地址</td><td width="35%">地区</td><td width="30%">访问时间</td></tr>'; var tableFoot ='</table>'; $('.countlist a').click(function(){ var objdiv = $(this).next('div'); if(objdiv.find('tr').size() >1) { objdiv.slideToggle('fast');//如果已加载内容就直接显示 } else { var jsonStr=''; var jsonStr1=''; var rel = $(this).attr('rel').split('_'); var xjtype = rel[0]; var id= rel[1]; objdiv.html('正在加载....') $.getJSON("这里是要返回json数据的php文件地址,请自行修改",{ID:id,xjType:xjtype},function(date){ if(date.msg!='error') { var jsonData = date; for(var i=0;i<jsonData.length;i++){ for(var key in jsonData[i]){ jsonStr += '<td>'+jsonData[i][key]+'</td>'; } jsonStr = '<tr>'+jsonStr+'</tr>'; } objdiv.html(tableTop+jsonStr+tableFoot); objdiv.slideToggle('fast'); } else { alert('加载出错,请稍候再试!'); } }); } }); }) </script> </head> <body> <div class="shuoming marbottom"> <table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC"> <tr bgcolor="#F3F3F3"> <td width="12%">关键字</td> <td width="88%">统计信息</td> </tr> <?php for($j=0;$j<10;$j++): ?> <tr bgcolor="#FFFFFF"> <td>MAX</td> <td class="countlist"> 查询次数:10次; <a href="javascript:;" rel="tel_<?php echo $j; ?>">查看详细列表</a> <div style="display:none"></div> </td> </tr> <?php endfor; ?> </table> </div> </body> </html>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
对于Jquery Json调用的代码说明就到这了,希望大家多多学些参考