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

随机推荐

position学习终结者(二)
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/wangshuxuncom/article/details/30982863 在博客& ...
Kotlin开发Android笔记
外国人写的一个天气预报的例子,最后有源码下载地址,初学者可以研读一下 http://blog.csdn.net/true100/article/category/6257988 1:Kotlin介绍及 ...
vue组件的is特性
组件功能是vue项目的一大特色.组件可以扩展html元素,可以封装可重用的代码,可以增加开发效率.它是自定义元素,vue.js的编译器为它添加特殊功能.有些情况,组件也可以是原生HTML元素的形式,以 ...
LeetCode：每日温度【739】
LeetCode:每日温度[739] 题目描述根据每日气温列表,请重新生成一个列表,对应位置的输入是你需要再等待多久温度才会升高的天数.如果之后都不会升高,请输入 0 来代替. 例如,给定一个列 ...
Codeforces Round #396 (Div. 2) C. Mahmoud and a Message
地址:http://codeforces.com/contest/766/problem/C 题目: C. Mahmoud and a Message time limit per test 2 se ...
Hive2.2.1安装使用
解压缩hive安装包tar zxvf apache-hive-2.1.1-bin.tar.gz 安装mysqlsudo yum install mysql-server 安装 mysql connec ...
【leetcode刷题笔记】Majority Element
Given an array of size n, find the majority element. The majority element is the element that appear ...
3d旋转动画焦点图
在线演示本地下载
会话控制Cookie的应用
Cookie是一种由服务器发送给客户端的片段信息,存储在客户端浏览器的内存或者硬盘上,在客户端对服务器的请求中发回它.PHP透明地支持HTTP Cookie.可以利用他在远程浏览器端存储数据并以此来跟 ...
viewport大白话
以下所有内容均是我自己理解的,可能有误,懂得大佬希望指点一下我.. 首先,写一个简单的页面.里面只有1个200*200的div <html lang="en"> < ...

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

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

随机推荐

热门专题