写在前面:
1、源代码来源于博客http://blog.sina.com.cn/u/2904067371 ,在此基础上对于前端代码稍作更改,把传过来的数据解析并传入表格
2、json解析,用eval()
3、写入表格 table.rows[i].cells[j].innerHTML
4、导入java中json应用的jar包(如果没有导入jar包或者包不全就不会有import net.sf.json.JSONArray;import net.sf.json.JSONObject;
JSONArray、JSONObject会报错。
)
5、测试字符串如下:{"person":[{"id":3,"name":"ss","pwd":"1234"},{"id":23,"name":"ws","pwd":"124"}]}
json jar包百度云:
工程截图:

效果截图:


代码:
Person.java
package com.orilore.gb;public classPerson {public intgetId() {returnid;
}public void setId(intid) {this.id =id;
}publicString getName() {returnname;
}public voidsetName(String name) {this.name =name;
}publicString getPwd() {returnpwd;
}public voidsetPwd(String pwd) {this.pwd =pwd;
}private intid;privateString name;privateString pwd;
}
servlet json.java
public voiddoGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}public voiddoPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/xml;character=utf-8");
response.setHeader("Cache-Control", "no-cache");try{
Person p=newPerson();
p.setName("ss");
p.setId(3);
p.setPwd("1234");
Person p1=newPerson();
p1.setName("ws");
p1.setId(23);
p1.setPwd("124");
List list =new ArrayList();
list.add(p);
list.add(p1);try{
JSONArray json=JSONArray.fromObject(list);
JSONObject jb=newJSONObject();
jb.put("person", json);
response.getWriter().write(jb.toString());
}catch(IOException e){
e.printStackTrace();
}
}catch(Exception e){
e.printStackTrace();
}
}
前端页面代码
| 1 | 1 | 1 |
| 1 | 1 | 1 |
xmlhttp=newXMLHttpRequest();
}else{
xmlhttp=new ActiveObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){var x=xmlhttp.responseText
div.innerHTML=x;var sd=eval("(" + x + ")");var arr=newArray();var i=0;for(var a in sd.person){//获取有几个person
var count=0;//计算person属性值的个数
i++;for(var item insd.person[a])
{ count++;var p=sd.person[a][item];//得到属性值的内容
table.rows[i-1].cells[count-1].innerHTML=p;//把内容填向table表格
}
}
}
}var url ="json";
xmlhttp.open("POST",url,true);
xmlhttp.send();
}
原文:http://www.cnblogs.com/a67cm/p/4550302.html
517

被折叠的 条评论
为什么被折叠?



