因工作需要，

1，后台向前台传递一个list

2，前台向后台传递类似于list的结构，但是因为javascript不支持list类型，所以只能使用二维数组代替

后台运行后的截图：                                                                前台运行后的截图：

                                                   

后台代码（TestJson.java）

package com.zm.servlet;  

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.HashMap;

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 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 {  

        System.out.println("into doPost");

        response.setContentType("text/html");

        String sName= request.getParameter("name");//得到ajax传递过来的paramater

        System.out.println(sName);

        //String sTicketId= request.getParameter("ticketId");//得到ajax传递过来的paramater

        //System.out.println(sTicketId);

        try {

            String[] sTicketIds = request.getParameterValues("ticketId[]");

            if(sTicketIds !=null){

                for(String sTicketId:sTicketIds){

                    System.out.println(sTicketId);

                }

            }else{

                System.out.println("获取数组参数失败!");

            }

        } catch (Exception e) {

            e.printStackTrace();

        }  

        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");

    }

}

前台代码（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(){

          var ticketId = new Array();

          for(var i = 0; i < 5; i++) {

              ticketId.push(i);

          }

           $.ajax({

                type:"POST", //请求方式

                url:"./testJson", //请求路径

                cache: false,

                data:{//传参

                    "name":"zhang3",

                    "ticketId":ticketId,

                },

                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()"/>

    <input type="button" value="download file" onclick="DownURL('333.js','d:/555.js')"/>

  </body>  

</html>

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>

 

servlet向ajax传递list数据类型，ajax向servlet传递array数据类型的更多相关文章

  1. echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端

    1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧. 就以官网最简单的那个小demo来做修改吧.官网上的小de ...

  2. Ajax（6） Ajax向servlet请求数据库操作 并显示到当前页面 这个未经测试

    假设:1.你的页面在Web-Root下,内容为: <div id="showMsg"></div><input type="text&quo ...

  3. 弄一个ajax笔记方便查询-$.ajax()

    $.ajax()是所有ajax方法中最底层的方法,所有其他方法都是基于$.ajax()方法的封装.这个方法只有一个参数,传递一个各个功能键值对的对象. $.ajax()方法对象参数表: 参数 类型 说 ...

  4. PHP. 03 .ajax传输XML、 ajax传输json、封装

    XML简介 XML 指可扩展标记语言 EXtensible Markup Language .射击的时候是用来船体数据的,虽然格式跟HTML类似 xml示例 <?xml version=&quo ...

  5. $.ajax()方法详解 ajax之async属性 【原创】详细案例解剖——浅谈Redis缓存的常用5种方式（String，Hash，List，set，SetSorted ）

    $.ajax()方法详解   jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Str ...

  6. jQuery Ajax(load,post,get,ajax)

    1.load(url, [data], [callback]) 载入远程 HTML 文件代码并插入至 DOM 中. 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式.jQuery ...

  7. Ajax作用、及Ajax函数的编写

    关于Ajax 指的是异步 (Asynchronous JavaScript and XML) <异步的javascript和XML> 1. Ajax并非缩写词,而是由Jesse James ...

  8. Ajax详解及其案例分析------如何获得Ajax对象，使用Ajax对象发送GET和POST请求，校验用户名，POST和GET请求时的乱码处理，实现级联的下拉列表

    本节主要内容预览: 1 获得Ajax对象 2 使用Ajax对象发送GET请求 3 使用Ajax对象发送POST请求 4 使用Ajax校验用户名 5 POST请求时的乱码处理 6 GET请求时的乱码处理 ...

  9. AJAX（二）AJAX框架

    上文(AJAX(一)AJAX的简介和基础)对ajax异步请求服务器做了详细的介绍和基础应用,可以看出,ajax的一些过程是相对不变的.不必要每次发送请求都写一遍发送代码,一些ajax开发人员已经把他们 ...

随机推荐

  1. Hadoop源代码分析

    http://wenku.baidu.com/link?url=R-QoZXhc918qoO0BX6eXI9_uPU75whF62vFFUBIR-7c5XAYUVxDRX5Rs6QZR9hrBnUdM ...

  2. java程序执行顺序

    原来自己一直都没弄明白Java程序的执行顺序问题,今天,自己写了个测试,果然与自己考虑的有差距 测试代码: 一个父类Animal 一个子类Dog 测试类Test 运行结果: 所以执行顺序是: 父类An ...

  3. ASP.NET Web Forms 4.5的新特性

    作者:Parry出处:http://www.cnblogs.com/parry/ 一.强类型数据控件 在出现强类型数据控件前,我们绑定数据控件时,前台一般使用Eval或者DataBinder.Eval ...

  4. mysqld-nt: Out of memory (Needed 1677720 bytes)解决方法

    http://www.jb51.net/article/58726.htm 今天发现网站有点慢,发现mysql日志中提示mysqld-nt: Out of memory (Needed 1677720 ...

  5. plupload+struts2实现文件上传下载

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8" ...

  6. html-----017

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

  7. Bootstrap使用心得

    久闻Twitter的Bootstrap框架强大且易用,近日为改版小丸工具箱的官网特地花了一周实践. 这篇文章总结我在使用Bootstarp中的一些关键点. 1.布局 Bootstrap框架的布局采用了 ...

  8. 关于css中的align-content属性详解

    align-content 作用: 会设置自由盒内部各个项目在垂直方向排列方式. 条件:必须对父元素设置自由盒属性display:flex;,并且设置排列方式为横向排列flex-direction:r ...

  9. 清橙OJ 1082 查找第K小元素 -- 快速排序

    题目地址:http://oj.tsinsen.com/A1082 问题描述 给定一个大小为n的数组s和一个整数K,请找出数组中的第K小元素. 这是一个补充程序的试题,你需要完成一个函数: int fi ...

  10. 如何设置虚拟机、开发板、windows IP才能互相PING通

    1.虚拟机选择桥接模式,并且在编辑菜单网络参数中,选择已桥接到Relteck-(表本地有限网卡) 2.设置Linux IP地址 192.168.1.10 3.设置Windows本地连接IP地址192. ...