JS处理JSON数据

1、java将List容器封装的数据转化为JSON数据格式 

Java代码  

1. public void doPost(HttpServletRequest request, HttpServletResponse response)  
2.             throws ServletException, IOException  
3.     {  
4.         response.setCharacterEncoding("utf-8");  
5.         List<Userinfo> list = userService.getUserinfos();  
6.         //业务层获取数据  
7.         JSONArray jsonData = JSONArray.fromObject(list);  
8.         //list转化为JSONArrray  
9.         PrintWriter pw = response.getWriter();  
10.         pw.write(jsonData.toString());  
11.         pw.close();  
12.     }  

2、js处理json数据 

Javascript代码  

1. function showUserList()  
2.         {    
3.             postXmlHttp("./UserListServlet.do","UserCallback(resultValue)","Loading()");  
4.         }  
5.           
6.         function UserCallback(jsonDate)  
7.         {  
8.             //json数据 序列化成js对象  
9.          var jsObject = eval('('+jsonDate+')');  
10.             var htmlStr = "<table align=center width=60%>"+  
11.                        "<tr>"+  
12.                            "<th>用户ID</th><td>密码</td><td>用户名</td><td>位置</td><td>操作</td>"+  
13.                        "</tr>";  
14.             for(var i=0;i<jsObject.length;i++)  
15.             {  
16.                 htmlStr+="<tr id='tr"+i+"'>"+  
17.                              "<td>"+jsObject[i].userid+"</td>"+  
18.                              "<td>"+jsObject[i].pword+"</td>"+  
19.                              "<td>"+jsObject[i].username+"</td>"+  
20.                              "<td>"+jsObject[i].position+"</td>"+  
21.                              "<td><a herf='#' οnclick=\"editUser(tr"+i+");\">编辑</a></td>"+  
22.                          "</tr>";  
23.             }  
24.             div.innerHTML=htmlStr+"</table>";  
25.         }  
26.           
27.         function Loading()  
28.         {  
29.            //div.style="with:100%;text-align:center";  
30.            div.innerHTML="<font color=red>正在获取数据请稍候... ...</font>";  
31.           
32.         }  

3、Ajax的处理是调用上篇文章的模板