写在前面：
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包百度云：

http://pan.baidu.com/s/1i3GNJ9N

工程截图：

效果截图：

代码：

Person.java

  1. package com.orilore.gb;
  2.  
  3. public class Person {
  4.     public int getId() {
  5.         return id;
  6.     }
  7.  
  8.     public void setId(int id) {
  9.         this.id = id;
  10.     }
  11.     public String getName() {
  12.         return name;
  13.     }
  14.     public void setName(String name) {
  15.         this.name = name;
  16.     }
  17.     public String getPwd() {
  18.         return pwd;
  19.     }
  20.     public void setPwd(String pwd) {
  21.         this.pwd = pwd;
  22.     }
  23.     private int id;
  24.     private String name;
  25.     private String pwd;
  26.  
  27. }

servlet  json.java

  1. public void doGet(HttpServletRequest request, HttpServletResponse response)
  2.             throws ServletException, IOException {
  3.  
  4.     doPost(request, response);
  5.     }
  6.  
  7.     public void doPost(HttpServletRequest request, HttpServletResponse response)
  8.             throws ServletException, IOException {
  9.  
  10.         response.setContentType("text/xml;character=utf-8");
  11.           response.setHeader("Cache-Control", "no-cache");
  12.           try{
  13.            Person p =new Person();
  14.            p.setName("ss");
  15.            p.setId();
  16.            p.setPwd("");
  17.  
  18.            Person p1 =new Person();
  19.            p1.setName("ws");
  20.            p1.setId();
  21.            p1.setPwd("");
  22.            List<Person> list =new ArrayList<Person>();
  23.            list.add(p);
  24.            list.add(p1);
  25.            try{
  26.  
  27.             JSONArray json =JSONArray.fromObject(list);
  28.             JSONObject jb =new JSONObject();
  29.             jb.put("person", json);
  30.             response.getWriter().write(jb.toString());
  31.            }catch(IOException e){
  32.             e.printStackTrace();
  33.            }
  34.           }catch(Exception e){
  35.            e.printStackTrace();
  36.           }
  37.  
  38.     }

前端页面代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title></title>
  7.     <link rel="stylesheet" href="">
  8. </head>
  9. <body>
  10.   <input type="button" onclick="validate()" value="dsfdsafa" >
  11.   <div id="div"></div>
  12.   <table border="" style="width:300px;height:200px;" id="table">
  13.      <tr id="tr" border=""><td></td>
  14.          <td></td>
  15.          <td></td></tr>
  16.  
  17.          <tr border=""><td></td>
  18.          <td></td>
  19.          <td></td></tr></table>
  20. <script type="text/javascript">
  21.  
  22.      function validate(){
  23.      var div=document.getElementById("div");
  24.      var xmlhttp;
  25.      var table=document.getElementById('table');
  26.  
  27.    if(window.XMLHttpRequest){
  28.     xmlhttp=new XMLHttpRequest();
  29.    }else{
  30.     xmlhttp=new ActiveObject("Microsoft.XMLHTTP");
  31.    }
  32.    xmlhttp.onreadystatechange=function(){
  33.     if (xmlhttp.readyState== && xmlhttp.status==){
  34.        var x=xmlhttp.responseText
  35.         div.innerHTML=x;
  36.         var sd=eval("(" + x + ")");
  37.  
  38. var arr=new Array();
  39. var i=;
  40.     for(var a in sd.person){//获取有几个person
  41.          var count=;//计算person属性值的个数
  42.          i++;
  43.         for(var item in sd.person[a])
  44.         { count++;
  45.           var p=sd.person[a][item];//得到属性值的内容
  46.           table.rows[i-].cells[count-].innerHTML=p;//把内容填向table表格
  47.         }
  48.       }
  49.     }
  50.    }
  51.    var url ="json";
  52.    xmlhttp.open("POST",url,true);
  53.    xmlhttp.send(); 
  54.  
  55.      }
  56. </script>
  57.   </body>
  58. </html>

servlet+ajax+json字符串后台传入，前端解析并把数据循环填入表格实例的更多相关文章

  1. JSON字符串——后台解析系列

    以前我们都是讲JSON字符串获取后,在前台进行展示.今天小编就交给大家后台解析展示数据的方法.非常方便,就以下代码: JObject obj = JObject.Parse(data); string ...

  2. 4. JSON字符串是如何被解析的？JsonParser了解一下

    公司不是你家,领导不是你妈.本文已被 https://www.yourbatman.cn 收录,里面一并有Spring技术栈.MyBatis.JVM.中间件等小而美的专栏供以免费学习.关注公众号[BA ...

  3. 使用JavaScriptSerializer序列化集合、字典、数组、DataTable为JSON字符串 分类： 前端 数据格式 JSON 2014-10-30 14:08 169人阅读 评论(0) 收藏

    一.JSON简介 JSON(JavaScript Object Notation,JavaScript对象表示法)是一种轻量级的数据交换格式. JSON是"名值对"的集合.结构由大 ...

  4. AJAX —— JSON 字符串 与 JSON 对象

    一.JSON 字符串转 JSON 对象 ----> JSON.parse(JString); 1 // JSON 字符串转 JSON 对象 ----> JSON.parse(JString ...

  5. json数组和json字符串转换成map解析

    package demo; import java.util.List;import java.util.Map;import java.util.Map.Entry; import net.sf.j ...

  6. ajax json struts JSP传递消息到action返回数据到JSP

    ACTION package actions; import com.opensymphony.xwork2.ActionSupport; import net.sf.json.JSONObject; ...

  7. 使用JQuery将前端form表单数据转换为JSON字符串传递到后台处理

    一般地,我们在处理表单(form表单哦)数据时,传输对象或字符串到后台,Spring MVC或SpringBoot的Controller接收时使用一个对象作为参数就可以被正常接收并封装到对象中.这种方 ...

  8. Web jsp开发自学——ajax+servlet+echarts+json+gson 实现ajax传输servlert和echarts的数据，可视化结果

    感谢下面的博主,我学习的博客有: https://blog.csdn.net/ITBigGod/article/details/81023802  Jsp+Servlet+Echarts实现动态数据可 ...

  9. mysql解析json字符串相关问题

    很多时候,我们需要在sql里面直接解析json字符串.这里针对mysql5.7版本的分水岭进行区分. 1.对于mysql5.7以上版本 使用mysql的内置函数JSON_EXTRACT(column, ...

随机推荐

  1. RehHat enterprise 5.4 安装git

    今天想来研究一下git,就自己安装一个试试,没想到遇到各种问题.经过各种百度和google,终于都解决了,现在来总结一下: 1.安装完redhat 5.4,安装gcc编译器的问题:这个gcc编译器需要 ...

  2. Atom编辑器

    Atom介绍 Github的员工Nathan Sobo在Atom的博客中提到:”Sublime和TextMate十分方便,但是扩展性不足:另一方面,Emacs和 Vim扩展性很强却需要学习日程工作中很 ...

  3. 【初级坑跳跳跳】第一个应用布局学习的代码运行时出错（manifest里未将activity先注册，控件错误）

    首先,根据书中想要实现的结果,看了下书中代码,大致知道布局是怎么样的,然后根据图片自己写xml, 1.运行时第一个坑是 忘记在AndroidManifest.xml里先注册activity,导致运行时 ...

  4. Oracle11g客户端安装及plsql配置

    1,项目使用的是oracle11g数据库,安装个客户端访问服务器. 到oracle官方下载: http://www.oracle.com/technology/global/cn/software/t ...

  5. 简单的javascript实例二(随页面滚动广告效果)

    方便以后copy 页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "htt ...

  6. Mac系统杂项 （持续更新）

    一.调整LaunchPad的图标显示列数和行数 .调整每一列显示图标数量.在我的电脑上(1366 * 768),每列7个个人觉得比较不错 defaults write com.apple.dock s ...

  7. Spring 之 注解详解

    概述 注释配置相对于 XML 配置具有很多的优势: 它可以充分利用 Java 的反射机制获取类结构信息,这些信息可以有效减少配置的工作.如使用 JPA 注释配置 ORM 映射时,我们就不需要指定 PO ...

  8. oracle中导出导入表以及数据

    Oracle数据导入导出imp/exp就相当于oracle数据还原与备份.exp命令可以把数据从远程数据库服务器导出到本地的dmp文件,imp命令可以把dmp文件从本地导入到远处的数据库服务器中.利用 ...

  9. CentOS6.5下Mysql数据库的安装与配置

    一.mysql简介 说到数据库,我们大多想到的是关系型数据库,比如mysql.oracle.sqlserver等等,这些数据库软件在windows上安装都非常的方便,在Linux上如果要安装数据库,咱 ...

  10. IBM Minus One(water)

    IBM Minus One Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tot ...