后台运行结果：                                                                                      前台运行结果：

      

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>

jquery的ajax向后台servlet传递json类型的多维数组的更多相关文章

  1. ajax 请求 对json传的处理 Jquery 使用Ajax获取后台返回的Json数据后,页面处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. Jquery 使用Ajax获取后台返回的Json数据后,页面处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. 【转】Jquery 使用Ajax获取后台返回的Json数据后,页面处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. jquery通过AJAX从后台获取信息并显示在表格上的类

    前一阵我写了:<jquery通过AJAX从后台获取信息并显示在表格上,并支持行选中.>现在,我把他们处理了一下,不需要每次写代码了: 具体代码如下: //获取数据并显示数据表格 funct ...

  5. jquery通过AJAX从后台获取信息并显示在表格上，并支持行选中

    不想用Easyui的样式,但是想要他的表格功能,本来一开始是要到网上找相关插件的,但是没找到就开始自己写,没想到这么简单. 后台代码:(这个不重要) public ActionResult GetDi ...

  6. jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...

  7. ajax请求、servlet返回json数据

    ajax请求.servlet返回json数据 1.方式一 response.setcontenttype("text/html;charset=utf-8"); response. ...

  8. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  9. 用easyui从servlet传递json数据到前端页面的两种方法

    用easyui从servlet传递json数据到前端页面的两种方法 两种方法获取的数据在servlet层传递的方法相同,下面为Servlet中代码,以查询表中所有信息为例. //重写doGet方法 p ...

随机推荐

  1. 3月31日学习笔记（HTML基础）

    HTML标签和元素概念区别 <p>是标签,<p>内容</p>是HTML元素. <pre></pre>定义预格式化文本,多用来显示源代码. 表 ...

  2. 学习红帽企业版RHEL 6.4的两问

    (1)看了一晚上的RHEL 6.4,到现在也没分清楚服务器版和桌面版.都说两个版本是一个文件,那装上之后怎么判断这到底用的是服务器版还是桌面版?还有人说在安装过程中会要求选择,用虚拟机安装根本没看到有 ...

  3. 通过使用Chrome的开发者工具来学习JavaScript

    本文作者是Peter Rybin,Chrome开发者工具团队成员. 本文中,我们将通过使用Chrome的开发者工具,来学习JavaScript中的两个重要概念”闭包”和”内部属性”. 闭包 首先要讲的 ...

  4. Php 数据类型

    数据类型 JS中二大类 基本数据类型 number string boolean undefined null 复合数据类型 array object function php数据类型分为三大类 标量 ...

  5. 致vi老大 2011.1

    文/安然 亲爱的,你即将离去 飞机起飞的一刻, 请珍藏起我们2010的回忆 桃源仙谷,曾留下我们踏青的足迹 难忘,石头上小憩 小北门外,我们在大排档里尽情欢喜 见证,杯盘狼藉 饺子店,是冬日里四面八方 ...

  6. struts2 的action 向页面传值

    写一个Action类: public class LoginAction{ public String execute(){ return SUCCESS; } public void setValu ...

  7. xamarin android——数据绑定到控件（二）

    本示例为通过媒体内容提供器获取本机中的图片显示在Gallery中. 活动中简单的初始化代码 private void InitGallery() { Gallery gallery = FindVie ...

  8. 多项分布(multinominal distribution)

    简介 更一般性的问题会问:“点数1~6的出现次数分别为(x1,x2,x3,x4,x5,x6)时的概率是多少?其中sum(x1~x6)= n”.这就是一个多项式分布. 定义 把二项分布推广至多个(大于2 ...

  9. Javascript倒计时页面跳转

    在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数,还可以使用页面的meta实现. 例1: <script type="text/javascript& ...

  10. select 函数实现 三种拓扑结构 n个客户端的异步通信 （完全图+线性链表+无环图）

    一.这里只介绍简单的三个客户端异步通信(完全图拓扑结构) //建立管道 mkfifo open顺序: cl1 读 , cl2 cl3 向 cl1写 cl2 读 , cl1 cl3 向 cl2写 cl3 ...