servlet向ajax传递list数据类型，ajax向servlet传递array数据类型

因工作需要，

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>
复制代码

 

 

posted @   matthew2015  阅读(6915)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示