利用json处理jquery和后台的数据交互的例子

在后台要利用Json的话  需要导入相应的jar包，jar包名如下，这些jar包可在网上进行下载：

commons-beanutils-1.8.0.jar

commons-collections-3.2.1.jar

commons-lang-2.5.jar

commons-logging-1.1.1.jar

ezmorph-1.0.6.jar

json-lib-2.4-jdk15.jar

假如请求时post请求，则servlet的doPost方法的代码如下：

public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
    //json
        JSONObject json = new JSONObject();  
        JSONArray array = new JSONArray();  
        JSONObject member = null;   
         member = new JSONObject();   
         member.put("username", "科比湖人");   
         member.put("age", 15);   
         array.add(member);   
         json.put("mydata", array);  
  response.setContentType("text/html");
  response.setCharacterEncoding("UTF-8");
  PrintWriter out = response.getWriter();
  out.println(json.toString());

  out.flush();
  out.close();
 }

 

 

前端js的代码如下：

 $(function(){
 $("#b1").click(function(){

 $.post("../servlet/servlet/Log4JInit",$("#form1").serialize(),function(data,textStatus){
   alert(data.mydata[0].age);//将弹出  15
   alert(data.mydata[0].username);//将弹出  科比湖人
  },"json"); 
})
})

 

 

 

 

<form id="form1" action="#" method="post">
  <input type="hidden" name="formhash" id="formhash" value="<%=formhash%>"/>
  <input type="hidden" name="cn" id="cn" value="科比24号"/>
  name1:<input type="text" name="username" id="username"/>
   content:<textarea name="content" id="content"></textarea>
   <input type="button" id="b1" value="commit"/>
  </form>