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

本文实例为大家分享了使用xml数据载体实现城市省份二级联动的具体代码，供大家参考，具体内容如下

首先写好前台页面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(); 
  } 
} 

运行结果如下:

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。