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("<?xml version='1.0' encoding='UTF-8'?>"); pw.write(""); if ("湖南".equals(province)) { pw.write(" "); pw.flush(); pw.close(); } }长沙 "); pw.write("株洲 "); pw.write("湘潭 "); pw.write("岳阳 "); }else if("广东".equals(province)){ pw.write("广州 "); pw.write("深圳 "); pw.write("中山 "); } pw.write("
运行结果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
网站标题:js使用xml数据载体实现城市省份二级联动效果
当前地址:http://scyanting.com/article/ieojcd.html