ajax响应xml格式

最新推荐文章于 2023-06-08 19:50:00 发布

张晓鉴Oliver

最新推荐文章于 2023-06-08 19:50:00 发布

阅读量514

点赞数

CC 4.0 BY-SA版权

文章标签： ajax

本文链接：https://blog.youkuaiyun.com/qq_36783248/article/details/79119939

坚持每天写博文，记录开发中的点点滴滴

代码展示
两个bean City:

package Ajax.city;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

/**
 * 城市对象
 * 
 * @author YaoXin
 */
/**
 * 
 * json对象描述city对象
 * {
 *  "id":1,
 *  "name":"四川"
 * }
 * 
 * json对象描述多个city对象
 * [
 *  {
 *      "id":1,
 *      "name":"四川"
 *  },
 *  {
 *      "id":2,
 *      "name":"云南"
 *  }
 * ]
 */
public class City {
    private Long id;
    private String name;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public City() {

    }

    public City(Long id, String name) {
        super();
        this.id = id;
        this.name = name;
    }

    /**
     * 根据省份id查询省份中的城市!
     * 
     * @return
     */
    public static List<City> getCityByProvinceId(Long id) {

        List<City> citys = new ArrayList<City>();

        if (id == 1) {
            citys = Arrays.asList(
                    new City(1L,"成都"),
                    new City(2L,"南充"),
                    new City(3L,"绵阳"),
                    new City(4L,"遂林"),
                    new City(5L,"达州"),
                    new City(6L,"德阳"),
                    new City(7L,"乐山")
            );
        } else if (id == 2) {
            citys = Arrays.asList(
                    new City(11L,"广州"),
                    new City(12L,"佛山"),
                    new City(13L,"东莞")
            );
        } else if (id == 3) {
            citys = Arrays.asList(
                    new City(21L,"昆明"),
                    new City(22L,"玉溪"),
                    new City(23L,"丽江")
            );
        }
        return citys;
    }
}

Province

package Ajax.city;

import java.util.ArrayList;
import java.util.List;

/**
 * 省份
 * @author Administrator
 */
/**
 * xml 描述一个对象
 * <datas>
     * <data id="1">
     *      四川  
     * </data>
     * <data id="2">
     *      云南
     * </data>
 * </datas>
 */
public class Province {

    private Long id;
    private String name;

    public Province(Long id, String name) {
        super();
        this.id = id;
        this.name = name;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Province() {
        super();
    }

    public static List<Province> getAllProvince() {
        List<Province> provinces = new ArrayList<Province>();
        provinces.add(new Province(1L, "四川"));
        provinces.add(new Province(2L, "广东"));
        provinces.add(new Province(3L, "云南"));
        return provinces;
    }
}

html:

<!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>ajax响应格式(HTML)</title>
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../city_html.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
    <!--
        onchange : 选项修改的时候. 
     -->
    省份:<select id="provinceSelect" onchange="provinceSelectChange()">
            <option value="-1">--请选择--</option>
       </select>
    城市:<select id="citySelect">
            <option value="-1">--请选择--</option>
       </select>
</body>
</html>

js:


//页面加载完毕事件
window.onload = function(){

    $.get("/CityXMLServlet?cmd=listProvince",function(xmlDoc){
        //responseXML

        var provinceSelect = document.getElementById("provinceSelect");

        //获取文档中所有<data>标签
        var datas = xmlDoc.getElementsByTagName("data");
        for ( var i = 0; i < datas.length; i++) {
            //获取每一个<data>标签
            var data =datas[i];
            //获取元素的id属性
            var id = data.getAttribute("id");

            //firstChild获取第一个子节点,nodeValue获取文本节点对象的值.
            var name = data.firstChild.nodeValue;

            //创建option
            var option = document.createElement("option");
            option.value = id;
            option.innerHTML = name;

            //添加option到select下拉框.
            provinceSelect.appendChild(option);
        }
    });
};


function provinceSelectChange(){
    //获取当前选中的id
    var provinceId = document.getElementById("provinceSelect").value;

    var citySelect = document.getElementById("citySelect");
    citySelect.innerHTML = "<option value='-1'>--请选择--</option>";

    if(provinceId==-1){
        return;
    }

    $.get("/CityXMLServlet?cmd=listCity","provinceId="+provinceId,function(data){
        citySelect.innerHTML += data;
    });
}

servlet:

package Ajax.city;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/CityXMLServlet")
public class CityXMLServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setContentType("text/xml;charset=utf-8");
        PrintWriter out = response.getWriter();
        /**
         * cmd=listProvince 获取所有省份列表
         * cmd=listCity     获取某个省份对应的城市列表    provinceId省份的id.
         */
        String cmd = request.getParameter("cmd");
        if("listProvince".equals(cmd)){

            List<Province> provinces = Province.getAllProvince();
            /**
             * xml 描述一个对象
             * <datas>
                 * <data id="1">四川 </data>
                 * <data id="2">云南</data>
             * </datas>
             */
            out.println("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");
            out.println("<datas>");
            for (Province province : provinces) {
                out.println("<data id=\"" +province.getId()+"\">" +province.getName()+"</data>");
            }
            out.println("</datas>");
        }else if("listCity".equals(cmd)){
            String id = request.getParameter("provinceId");

        }
    }
}

相当于在代码中手动创建了一个xml格式的文本，比较麻烦。下面介绍自动方式构建：将javabean、Array、Lsit、Map等集合装换成XML格式传给客户端

使用Xstream进行java对象和xml相互转化需要导入Xstream工具库xpp3_min-1.1.4c.jar&xstream-1.4.4.jar
XStream对象相当Java对象和XML之间的转换器，转换过程是双向的。创建XSteam对象的方式很简单，只需要new XStream()即可。
Java到xml，用toXML()方法。
Xml到Java，用fromXML()方法。

//使用XStream转换成xml
            //1.创建XStream实例对象
            XStream xstream = new XStream();
            //直接进行转换
            Province province = new Province();
            province.setId(1L);
            province.setName("四川");
            String xml = xstream.toXML(province);

            //测试
            System.out.println(xml);

测试结果为：

<Ajax.city.Province>//包名
  <id>1</id>//属性后
  <name>四川</name>
</Ajax.city.Province>

修改标签名(设置别名)

//使用XStream转换成xml
            //1.创建XStream实例对象
            XStream xstream = new XStream();
            Province province = new Province();
            province.setId(1L);
            province.setName("四川");
            //设置别名    标签名      javabean
            xstream.alias("province", Province.class);
            String xml = xstream.toXML(province);
            //测试
            System.out.println(xml);

结果：

<province>
  <id>1</id>
  <name>四川</name>
</province>

为标签设置属性：

//为标签设置属性         javabean   属性名
xstream.useAttributeFor(Province.class,"id");

结果：

<province id="1">
  <name>四川</name>
</province>

我们继续往bean添加一个集合泛型是另外一个bean

List<City> citys = new ArrayList<>();
            City city = new City(2L,"广东");
            City city1 = new City(3L,"云南");

            citys.add(city);
            citys.add(city1);

            province.setId(1L);
            province.setName("四川");
            province.setCitys(citys);

结果是

<province id="1">
  <name>四川</name>
  <citys>//是我设置的集合变量名
    <Ajax.city.City>
      <id>2</id>
      <name>广东</name>
    </Ajax.city.City>
    <Ajax.city.City>
      <id>3</id>
      <name>云南</name>
    </Ajax.city.City>
  </citys>
</province>

设置 <citys>标签

//设置别名
xstream.alias("city", City.class);
//为标签设置属性 
xstream.useAttributeFor(City.class,"id");

直接转换一个集合：

String xml = xstream.toXML(citys);

结果：

<list>
  <city id="2">
    <name>广东</name>
  </city>
  <city id="3">
    <name>云南</name>
  </city>
</list>