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

这篇文章主要为大家详细介绍了js使用xml数据载体实现城市省份二级联动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

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

   <base href="" rel="external nofollow"> select{ width:111px; }   选择省份湖南广东 选择城市

然后在后台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(); } } 

运行结果如下:

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

以上就是js使用xml数据载体实现城市省份二级联动效果的详细内容，更多请关注本站其它相关文章！