JS处理JSON数据
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
10.varhtmlStr ="<table align=center width=60%>"+
11."<tr>"+
12."<th>用户ID</th><td>密码</td><td>用户名</td><td>位置</td><td>操作</td>"+
13."</wk.baidu.comr>";
14.for(vari=0;i<jsObject.length;i++)
2.{
3.postXmlHttp("./UserListServlet.do","UserCallback(resultValue)","Loading()");
4.}
5.
6.functionUserCallback(jsonDate)
7.{
8.//json数据序列化成js对象
9.varjsObject = eval('('+jsonDate+')');
4.response.setCharacterEncoding("utf-8");
5.List<Userinfo> list = userService.getUserinfos();
6.//业务层获取数据
7.JSONArray jsonData = JSONArray.fromObject(list);
1、java将List容器封装的数据转化为JSON数据格式
Java代码
1.publicvoiddoPost(HttpServletRequest request, HttpServletResponse response)
2.throwsServletException, IOException
3.{
21."<td><a herf='#' onclick=\"editUser(tr"+i+");\">编辑</a></td>"+
22."</tr>";
23.}
24.div.innerHTML=htmlStr+"</table>";
25.}
26.
27.functionLoading()
28.{
29.//div.style="with:100%;text-align:center";
8.//list转化为JSONArrray
9.PrintWriter pw = response.getWriter();
10.pw.write(jsonData.toString());
11.pw.close();
12.}
2、js处理json数据
Javascript代码
1.functionshowUserList()
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>"+
30.div.innerHTML="<font color=red>正在获取数据请稍候... ...</font>";
31.
32.}
11."<tr>"+
12."<th>用户ID</th><td>密码</td><td>用户名</td><td>位置</td><td>操作</td>"+
13."</wk.baidu.comr>";
14.for(vari=0;i<jsObject.length;i++)
2.{
3.postXmlHttp("./UserListServlet.do","UserCallback(resultValue)","Loading()");
4.}
5.
6.functionUserCallback(jsonDate)
7.{
8.//json数据序列化成js对象
9.varjsObject = eval('('+jsonDate+')');
4.response.setCharacterEncoding("utf-8");
5.List<Userinfo> list = userService.getUserinfos();
6.//业务层获取数据
7.JSONArray jsonData = JSONArray.fromObject(list);
1、java将List容器封装的数据转化为JSON数据格式
Java代码
1.publicvoiddoPost(HttpServletRequest request, HttpServletResponse response)
2.throwsServletException, IOException
3.{
21."<td><a herf='#' onclick=\"editUser(tr"+i+");\">编辑</a></td>"+
22."</tr>";
23.}
24.div.innerHTML=htmlStr+"</table>";
25.}
26.
27.functionLoading()
28.{
29.//div.style="with:100%;text-align:center";
8.//list转化为JSONArrray
9.PrintWriter pw = response.getWriter();
10.pw.write(jsonData.toString());
11.pw.close();
12.}
2、js处理json数据
Javascript代码
1.functionshowUserList()
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>"+
30.div.innerHTML="<font color=red>正在获取数据请稍候... ...</font>";
31.
32.}