$.ajax({
type:'GET',
url:'{siteurl($siteid)}/api.php',
dataType:'json',
success: function(data) {
var wrap = $("#a")
for(var key in data) {
wrap.append($("<li>").html(key + ': ' + data[key]))
}
}
})
})
将读取到的数据用js写成表格html部分:
<table id="table">
<tr>
<th>uid</th>
<th>uname</th>
<th>sum</th>
</tr>
</table>
js部分：
window.onload=function(){
var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23},{"uid":"2689","uname":"*江阴国际会展中心管理有限公司 024","sum":0},{"uid":"2686","uname":"江苏申利实业股份有限公司 001","sum":7917.94},{"uid":"2715","uname":"江阴市吉达针纺有限公司 115","sum":41.39},{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23}]
//js循环读取json数据
var table=document.getElementById("table")
for(var i=0i<data.lengthi++){
var row=table.insertRow(table.rows.length)
var c1=row.insertCell(0)
c1.innerHTML=data[i].uid
var c2=row.insertCell(1)
c2.innerHTML=data[i].uname
var c3=row.insertCell(2)
c3.innerHTML=data[i].sum
}
}
给你一个大致的方案，具体想要实现的方法自己解决，不懂再问。先要导入这两个包：
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/json.js"></script>
<input type="button" value="使用Json请求去后台获取数据返回是json对象" onClick="toJson()">
function toJson()
{
/*发出是json请求：返回的字符串是json对的字符串*/
$.getJSON("jsonViewServlet?falg=2",null,function call(data){jsonResponse(data)})
}
我这里java代码是用servlet实现：
if ("2".equals(flag)) {
JSONObject resultJSON = new JSONObject()
try {
resultJSON.put("sex", "男")
resultJSON.put("age", "22")
resultJSON.put("name", "张三")
System.out.println(resultJSON.toString())/* {"sex":"男","name":"张三","age":"22"} */
} catch (Exception e) {
e.printStackTrace()
}
out.print(resultJSON.toString())
}
