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

随机推荐

git发布代码到github过程和常见错误
在对git有了基本了解之后,并且常常看到很多人在github上发布代码和开源项目时,就会想如何也把自己的代码发布到github上,并能够不断的跟踪版本变化. 现在就有几个想要做的事. 一.如何把自己已 ...
corethink功能模块探索开发（十六）后台搜索功能
效果图: 代码很简单,就是添加搜索框,搜索字段,在初始化页面查询的时候添加查询条件. 1.添加搜索框添加到删除按钮后边. ->setSearch('请输入设备名称/MAC/宿舍号', U('i ...
PHP逐行读取数据
PHP逐行读取数据 <?php $file = fopen("Minot.txt", "r") or exit("Unable to open ...
s5_day12作业
# day12作业: # 功能实现: # 一个文件夹中,存在多个文件,包括图片,视频,文本等等, # 遍历出时间在2017-06-05至2017-06-09这段时间内创建的所有文件.具体文件夹,自己创 ...
appcmd应用
appcmd资料: http://www.jb51.net/article/36024.htm 官方文档:https://docs.microsoft.com/zh-cn/iis/get-starte ...
AngularJS post传值后台获取不到
AngularJS post传值后台获取不到一般的思路: 解决办法: 1.设置一下default head 2.参数转换一下data:$.param({orderNo: orderNo,sessi ...
Ubuntu启动文件破坏启动恢复方法
reboot后主机登录显示如下图: 解决步骤: 1.fs0:(回车) 2.edit startup.nsh 3.添加下面字段: fs0: cd EFI/ubuntu grubx64.efi 4.重启即 ...
qplot()函数的详细用法
qplot()函数的详细用法: library(ggplot2) # 测试数据集,ggplot2内置的钻石数据qplot(carat, price, data = diamonds)dsmall &l ...
响应式Tab选项卡
在线演示本地下载
resin启动不成功
resin启动只有一个进程,但显示启动正常: Resin/4.0.35 launching watchdog at 127.0.0.1:28084Resin/4.0.35 started -serve ...

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

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

随机推荐

热门专题