【js】使用xml数据载体实现城市省份二级联动-白红宇

【js】使用xml数据载体实现城市省份二级联动

阅读量：2056 次

发布时间：2019-04-28

本文共 1332 字，大约阅读时间需要 4 分钟。

首先写好前台页面testProvince.jsp，将请求通过open、send发送到服务器

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>          二级联动

然后在后台ProvinceServlet中通过GET方式获取请求，将返回的数据以O（输出）流的方式发送出去,上面代码的ajax.responseXML获取输出的数据，并进行dom操作

public class ProvinceServlet extends HttpServlet {	@Override	protected void doGet(HttpServletRequest req, HttpServletResponse resp)			throws ServletException, IOException {		req.setCharacterEncoding("utf-8");		resp.setCharacterEncoding("utf-8");		String province = req.getParameter("province");		//重新编码		province = new String(province.getBytes("ISO-8859-1"),"utf-8");		//设置格式为xml		resp.setContentType("text/xml;charset=utf-8");		//获取字符输出流		PrintWriter pw = resp.getWriter();		//拼接xml头		pw.write("
   ");		pw.write("
   
    ");		if ("湖南".equals(province)) {			pw.write("
    
     长沙
    ");			pw.write("
    
     株洲
    ");			pw.write("
    
     湘潭
    ");			pw.write("
    
     岳阳
    ");		}else if("广东".equals(province)){			pw.write("
    
     广州
    ");			pw.write("
    
     深圳
    ");			pw.write("
    
     中山
    ");		}		pw.write("
   ");		pw.flush();		pw.close();	}}