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

随机推荐

django settings相关配置
settings """ Django settings for mysite project. Generated by 'django-admin startproj ...
Web框架（Day64）
阅读目录 http协议 web应用与web框架一.http协议 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World W ...
go——变量
在数学概念中,变量(variable)表示没有固定值且可以改变的数.但从计算机系统实现角度来看,变量是一段或多段用来存储数据的内存.作为静态类型语言,Go语言总是有固定的数据类型,类型决定了变量内存的 ...
python全栈开发从入门到放弃之网络基础
一.操作系统基础操作系统:(Operating System,简称OS)是管理和控制计算机硬件与软件资源的计算机程序,是直接运行在“裸机”上的最基本的系统软件,任何其他软件都必须在操作系统的支持下才 ...
HTML5之概述
HTML5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,是继HTML4.01和XHTML1.0之后的超文本标记语言的最新版本.它是由一群自由思想者组成的团 ...
Kattis - cokolada【水】
Kattis - cokolada[水] 题意有一个人想吃巧克力,但是巧克力都是按照 2 的幂次的数量包装的,然后他想吃一定数量块的巧克力,然后可以敲碎,每次敲碎都分成两半,比如四块装的分成两块就是 ...
js实现删除弹框确认
JSP页面代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8"%&g ...
ocx的容器调试和ie调试
1 容器调试 1.1 F5,选择ActivesX Control Test Containor 1.2 ok--ok,选择工具栏的new control 1.3 在Insert Control内选择你 ...
【笔记】css3实现网页平滑过渡效果...
参考:http://www.imooc.com/video/7142 未完. <!DOCTYPE html> <html> <head> <meta char ...
Sybase：循环调用存储过程
Sybase:循环调用存储过程一.日期循环 declare @c_count int declare @rq int --获取两个日期之间的天数 ,getdate()) begin ,),),),) ...

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

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

随机推荐

热门专题