日期:2014-05-16  浏览次数:20646 次

ajax+servlet实现二级联动(以省份与城市为例)(转)

1.实现思路:

??? 在下拉列表框中编写js函数触发onchange事件,在这js函数中将选中的name值通过ajax传给后台servlet,在servlet中通过request.getParameter("name")获得选中的name,调用后台的方法得到相应的城市列表(此例没有数据库)。然后如果查到响应的城市的话将其列表组成一个用"#"号分割的字符串str,将其放到response的Writer中。然后在回调函数中接受应答字符串str,调用split("#")方法得到相应的城市数组,然后取得index.jsp的下拉列表框ID,将相应的城市用循环动态的加入到城市列表框中。

2.具体例子

(1)index.jsp

?

  1. <%@?page?language="java"?import="java.util.*"?pageEncoding="utf-8"%>??
  2. <%??
  3. ????String?path?=?request.getContextPath();??
  4. %>??
  5. <!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">??