后台運行結果： 前台運行結果：
first.jsp:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript" src="jQuery/jquery-1.9.1.min.js"></script> <script type="text/javascript"> function test2(){ //用這種方式組裝的json數組是正確的 var testArray = new Array(); for(var i = 0; i < 5; i++) { var tempArray = new Array(); for(var j = 0; j < 10; j++){ tempArray.push(i*j); } testArray.push(tempArray); } alert("tempArray=" + tempArray); //用這種方式組裝的json數組是正確的 var jsonArr = new Array(); for ( var j = 0; j < 3; j++) { var jsonObj = {}; jsonObj["gradeId"]=1; jsonObj["gradeName"]=2; jsonObj["level"]=3; jsonObj["boundary"]=4; jsonObj["status"]=5; jsonArr.push(jsonObj) } alert("jsonArr=" + jsonArr); // 用這種方式組裝的json數組是錯誤的，接收側只能接收到整個的這個字符串 var employees='['; for ( var j = 0; j < 5; j++) { employees+= '{'; employees+="name:"; employees+="zhang"; employees+=","; employees+="old:"; employees+=30 + j; employees +='}'; if(j!=4){ employees+=',' }; } employees+=']'; alert("employees=" + employees); $.ajax({ type:"POST", //請求方式 url:"./testJson", //請求路徑 cache: false, data:{//傳參 "name":"zhang3", "testArray":testArray, "students": //用這種方式傳遞多維數組也是正確的 [ {"name":"jackson","age":100}, {"name":"michael","age":51} ], "employees":employees, "jsonArr":jsonArr }, dataType: 'json', //返回值類型 success:function(json){ alert(json[0].username+" " + json[0].password); //彈出返回過來的List對象 alert(json[1].username+" " + json[1].password); //彈出返回過來的List對象 } }); } </script> </head> <body> <input type="button" name="b" value="TestJson" onclick="test2()"/> </body> </html>
TestJson.java
package com.zm.servlet; import java.io.BufferedReader; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import net.sf.json.JSONArray; import net.sf.json.JSONObject; public class TestJson extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request,response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); System.out.println("into doPost"); //用map來接收request發送過來的多維數組 Map map = request.getParameterMap(); Iterator<String> iter = map.keySet().iterator(); while (iter.hasNext()) { String key = iter.next(); System.out.println("key=" + key ); String[] value = (String[]) map.get(key); System.out.print("value="); for(String v:value){ System.out.print(v + " "); } System.out.println(); } String sName= request.getParameter("name");//得到ajax傳遞過來的paramater System.out.println(sName); PrintWriter printWriter = response.getWriter(); List list = new ArrayList();//傳遞List Map m=new HashMap();//傳遞Map User u1=new User(); u1.setUsername("zah"); u1.setPassword("123"); User u2=new User(); u2.setUsername("ztf"); u2.setPassword("456"); list.add(u1); //添加User對象 list.add(u2); //添加User對象 m.put("u1", u1); m.put("u2", u2); JSONArray jsonArray2 = JSONArray.fromObject( list ); //把java數組轉化成轉化成json對象 //JSONObject jsonObject =JSONObject.fromObject(m);//轉化Map對象 printWriter.print(jsonArray2);//返給ajax請求 //printWriter.print(jsonObject);//返給ajax請求 printWriter.flush(); printWriter.close(); System.out.println("finish"); } }
web.xml:
<!-- 測試jquery json--> <servlet> <servlet-name>testJson</servlet-name> <servlet-class>com.zm.servlet.TestJson</servlet-class> </servlet> <servlet-mapping> <servlet-name>testJson</servlet-name> <url-pattern>/testJson</url-pattern> </servlet-mapping>