Ajax传输对象，集合或数组。

传输单个对象时：

servlet页面

package com.itnba.maya.a;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

 * Servlet implementation class A

 */

@WebServlet("/A")

public class A extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public A() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        //模拟从数据库查出

        Dog a=new Dog();

        a.setName("小黄");

        a.setAge(5);

        a.setZl("哈士奇");

        //放到XML文件中

        response.getWriter().append("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");

        response.getWriter().append("<gen>");

        response.getWriter().append("<name>"+ a.getName()+"</name>");

        response.getWriter().append("<age>"+ a.getAge()+"</age>");

        response.getWriter().append("<zl>"+ a.getZl()+"</zl>");

        response.getWriter().append("</gen>");

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        doGet(request, response);

    }

}

jsp页面中

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Insert title here</title>

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

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

        $.ajax({

            url:"A",//跳转的servlet

            data:{},//key：要传输的数据

            type:"POST",

            dataType:"xml",

            success:function(httpdata){

                /* 解析XML中的数据 */

                var n=$(httpdata).find("name").text()

                var a=$(httpdata).find("age").text()

                var z=$(httpdata).find("zl").text()

                $("#x").append("<li>"+n+"</li>");

                $("#x").append("<li>"+a+"</li>");

                $("#x").append("<li>"+z+"</li>");

            }

        })

    });

});

</script>

</head>

<body>

<span id="k">查看</span>

<h1>

<ul id="x">

</ul>

</h1>

</body>

</html>

效果如下

传输集合或者数组时

servlet页面

package com.itnba.maya.a;

import java.io.IOException;

import java.util.ArrayList;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

 * Servlet implementation class B

 */

@WebServlet("/B")

public class B extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#HttpServlet()

     */

    public B() {

        super();

        // TODO Auto-generated constructor stub

    }

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        //模拟从数据库中查出

        Dog a1=new Dog();

        a1.setName("小黄");

        a1.setAge(5);

        a1.setZl("哈士奇");

        Dog a2=new Dog();

        a2.setName("中黄");

        a2.setAge(6);

        a2.setZl("泰迪");

        Dog a3=new Dog();

        a3.setName("大黄");

        a3.setAge(7);

        a3.setZl("京巴");

        ArrayList<Dog> list=new ArrayList<Dog>();

        list.add(a1);

        list.add(a2);

        list.add(a3);

        //放到XML文件中

        response.getWriter().append("<?xml version='1.0'?>");

        response.getWriter().append("<gen>");

        for(Dog d :list){

            response.getWriter().append("<dog name='"+d.getName()+"'>");

            //response.getWriter().append("<name>"+d.getName()+"</name>");

            response.getWriter().append("<age>"+d.getAge()+"</age>");

            response.getWriter().append("<zl>"+d.getZl()+"</zl>");

            response.getWriter().append("</dog>");

        }

        response.getWriter().append("</gen>");

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        // TODO Auto-generated method stub

        doGet(request, response);

    }

}

jsp页面

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Insert title here</title>

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

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

        $.ajax({

            url:"B",

            data:{},

            type:"POST",

            dataType:"xml",

            success:function(httpdata){

                var d=$(httpdata).find("dog");/* 返回的是个数组 */

                for(var i=0;i<d.length;i++){

                    var n=$(d).eq(i).attr("name");

                    var a=$(d).eq(i).find("age").text();

                    var z=$(d).eq(i).find("zl").text();

                    var tr="<tr>"

                    tr+="<td>"+n+"</td>"

                    tr+="<td>"+a+"</td>"

                    tr+="<td>"+z+"</td>"

                    tr +="</tr>"

                    $("#x").append(tr)

                }

            }

        });

    });

});

</script>

</head>

<body>

<span id="k">查看</span>

<h1>

<table width="100%" id="x">

</table>

</h1>

</body>

</html>

效果如下

Ajax传输对象，集合或数组。的更多相关文章

SpringMVC，SpringBoot使用ajax传递对象集合/数组到后台
假设有一个bean名叫TestPOJO. 1.使用ajax从前台传递一个对象数组/集合到后台. 前台ajax写法: var testPOJO=new Array(); //这里组装testPOJO数组 ...
springMVC接受对象集合，name数组
这两天开发遇到一个很常见的问题,即使自己一直没遇见过,不过之前看过是实现接受对象集合的代码,只不过没注意罢了推荐一篇文章直接贴代码吧 public class Person { private S ...
如果一个Object对象可能是集合或者数组那么如何对其进行迭代
需求:一个方法传入的参数是Object类型(假设对象为“items”,使用Object类型也是为了使用多态而增加方法复用性),但已知这个Object对象可能是集合,包括Collection和Map,也 ...
Springboot+ajax传输json数组以及单条数据的方法
Springboot+ajax传输json数组以及单条数据的方法下面是用ajax传输到后台单条以及多条数据的解析的Demo: 结构图如下: 下面是相关的代码: pom.xml: <?xml v ...
springMVC通过ajax传递参数list对象或传递数组对象到后台
springMVC通过ajax传递参数list对象或传递数组对象到后台环境: 前台传递参数到后台前台使用ajax 后台使用springMVC 传递的参数是N多个对象 JSON对象和JSON字符串 ...
获取单列集合，双列集合，数组的Stream流对象以及简单操作
获取流对象获取单列集合,双列集合,数组的流对象单列集合获取流对象: 1.java.util.Collection接口中加入了default方法stream()获取流对象,因此其所有实现类均可通过此 ...
Java技巧——将前端的对象数组通过Json字符串传到后端并转换为对象集合
Java技巧——将前端的对象数组通过Json字符串传到后端并转换为对象集合摘要:本文主要记录了如何将将前端的对象数组通过Json字符串传到后端,并在后端将Json字符串转换为对象集合. 前端代码前 ...
$.ajax传输js数组，spring接收异常
今天测试,出现一个奇怪的问题 $.ajax传输js数组,spring接收这个数组,出现奇怪的现象,如果数组只有一个元素,且这个元素字符串最后一个字符是以逗号,结尾的话, spring会自动把这个逗号去 ...
MVC传递数据-传递对象或对象集合
前言本文主要介绍从View(或者js)文件向Controller提交对象或者对象集合.比方.将表格中的一行数据作为一个对象提交.或将多行数据作为一个集合提交到Controller. 回想从View ...

随机推荐

新手入门：java文件转成jar包再转成exe文件——图文教程
[本文简介] 由于课程设计的原因,研究着如何把java 程序转成exe,最终成功了,现在把过程记录分享一下. 本文将介绍如何把一个跑在eclipse的java应用,导出成jar文件,再变成exe可执行 ...
PHP获取客户端的IP
function getClientIP(){ global $ip; if (getenv("HTTP_CLIENT_IP")) $ip = geten ...
JavaScript-4.2函数,变量作用域---ShinePans
<html> <head> <meta http-equiv="content-type" content="text/html;chars ...
HDU - 6437 Problem L.Videos 2018 Multi-University Training Contest 10 (最小费用最大流)
题意:M个影片,其属性有开始时间S,结束时间T,类型op和权值val.有K个人,每个人可以看若干个时间不相交的影片,其获得的收益是这个影片的权值val,但如果观看的影片相邻为相同的属性,那么收益要减少 ...
nginx2
Nginx的高可用是keeplived,keeplived是为lvs服务的. Nginx上分别安装keepalived,keepalived之间通过心跳交流,主节点宕机备节点起来.keepalived ...
VMWare 安装时报错 tools-windows.msi failed报错解决办法
1.我用的是7.1.3版本的,到官方网站上下载这个版本的tools安装包 http://softwareupdate.vmware.com/cds/vmw-desktop/ws/7.1.3/32428 ...
JMS、MQ、ActiveMQ
JMS 的一个标准或者说是一个协议. 通常用于企业级应用的消息传递. 主要有topic 消息(1 对多), queue 消息(1对1). ActiveMQ 是一个JMS 的实现, apache 出的. ...
Http请求的TCP连接
我们一直认为,HTTP连接分为长连接和短连接,而我们现在常用的都是HTTP1.1,因此我们用的都是长连接. 这句话其实只对了一半,我们现如今的HTTP协议,大部分都是1.1的,因此我们平时用的基本上都 ...
Maven:如何在eclipse里新建一个Maven的java项目和web项目
如何在eclipse里新建一个Maven的java项目和web项目: 一:java项目 New-->Other-->Maven 右击项目-->properties,修改以下文件: ① ...
Mac & Xcode 技巧
1.Xcode 删除过期的Provisioning Profile文件解决:Xcode 中所有的Provisioning Profile文件路径,都在 ~/Library/MobileDevice/ ...

Ajax传输对象，集合或数组。

Ajax传输对象，集合或数组。的更多相关文章

随机推荐

热门专题