·如何在Java中进行jQuery Json调用_H5之家 - 中国HTML5教程资源分享第一站

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>

对于Jquery Json调用的代码说明就到这了，希望大家多多学些参考

【责任编辑：苏越 TEL：（010）68476606】