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

随机推荐

在Mac OS X使用Elasticsearch的基本流程
这篇日志的目的非常easy,就是记录一些主要的流程.要在OS X上使用Elasticsearch,事实上非常easy,在这里:https://www.elastic.co/downloads/elas ...
Linux学习笔记（3）linux服务管理与启停
一.LINUX 系统服务管理 1.RHEL/OEL 6.X及之前 service命令用于对系统服务进行管理,比如启动(start).停止(stop).重启(restart).查看状态(status)等 ...
001-docker概述、架构、window安装、基本测试
一.概述 Docker 是一个开源的应用容器引擎,基于 Go 语言并遵从Apache2.0协议开源. Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发布到任何流 ...
python删除目录下七天前创建的文件
#coding=utf-8 import os import time import datetime def deleteOutdateFiles(path): """ ...
PAT 1119 Pre- and Post-order Traversals [二叉树遍历][难]
1119 Pre- and Post-order Traversals (30 分) Suppose that all the keys in a binary tree are distinct p ...
Java IO流简单使用
Java IO流简单使用也许是以前IO方面接触的比较少,我对于读和写的概念老是混淆. 趁着现在实习比较闲小结一下,我个人理解读和写都是针对程序,分别就是程序的输入和输出,或者叫读入写出. Java ...
beego——过滤器
beego支持自定义过滤中间件,例如安全验证.强制跳转等. 过滤器函数如下所示: beego.InsertFilter(pattern string, position int, filter Fil ...
一个简单的仿 Launcher 应用
本例实现两个功能: 系统桌面上的app图标能够排列在我们的页面上. 点击自定义桌面上的app图标,能够打开对应的app. 实现思路: 我们知道,一个应用的启动页 Activity 的 Intent 的 ...
Codeforces Round #385 (Div. 1) C. Hongcow Buys a Deck of Cards
地址:http://codeforces.com/problemset/problem/744/C 题目: C. Hongcow Buys a Deck of Cards time limit per ...
通过自动回复机器人学Mybatis：原始版本（包括JDBC、pom.xml等）
imooc视频学习笔记 ----> URL:http://www.imooc.com/learn/154 list.jsp <%@ page contentType="text/ ...

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

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

随机推荐

热门专题