JQuery省市联动（XML）

最新推荐文章于 2021-09-14 11:42:18 发布

sigarlin

最新推荐文章于 2021-09-14 11:42:18 发布

阅读量190

点赞数

分类专栏： JQuery 文章标签：省市联动 XML

本文链接：https://blog.csdn.net/sigarlin/article/details/88781263

版权

JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$(function(){
	$("#province").change(function(){
		var pid = $(this).val();
		$("#city").html("<option value=''>--请选择--</option>");
		$.post("FindCitiesServlet",{pid:pid},function(data,status){
			$(data).find("city").each(function(){
				var id = $(this).children("id").text();
				var cname = $(this).children("cname").text();
				$("#city").append("<option value='" + id + "'>" + cname + "</option>");
			});
		});
	});
});

<%@ 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">
	<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
	<script type="text/javascript" src="js/cities.js"></script>
	<title>省市联动</title>
	</head>
	<body>
		省份：<select name="province" id="province">
			<option value="">--请选择--</option>
			<option value="1">广东</option>
			<option value="2">湖南</option>
		</select>
		城市：<select name="city" id="city">
			<option value="">--请选择--</option>
		</select>
	</body>
</html>

package com.sigar.servlet;

import java.io.IOException;
import java.sql.SQLException;
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;

import com.sigar.dao.CityDao;
import com.sigar.dao.impl.CityDaoImpl;
import com.sigar.util.CityBean;
import com.thoughtworks.xstream.XStream;

/**
 * Servlet implementation class FindCitiesServlet
 */
@WebServlet("/FindCitiesServlet")
public class FindCitiesServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {	
		try {
			int pid = Integer.parseInt(request.getParameter("pid"));
			CityDao cityDao = new CityDaoImpl();
			List<CityBean> cities = cityDao.getCities(pid);
			XStream xStream = new XStream();
			xStream.useAttributeFor(CityBean.class, "id");
			xStream.alias("city", CityBean.class);
			String xml = xStream.toXML(cities);
			response.setContentType("text/xml;charset=utf-8");
			response.getWriter().write(xml);
			
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}