java中利用AJAX完成一个简单的级联下拉菜单
1、首先需要下载JSON相关的jar 包,js中使用json需要引入的源文件json.js以及调取servlet需要的servlet-api.jar

3、在Web 目录下创建city.jsp其中先导入json.js备用,以及创建两个两个下拉框S1和S2,其中S1放入固定值3个城市,S2会随着S1选定的值而匹配在这个城市中的3个地区。

5、创建servlet类TestAjax,其中写入根据下拉框S1传入的value,匹配3个地区。并以JSON格式返回。

7、将调取的servlet完成后,就需要正式开始编写ajax异步调取了,首先由于浏碎茯钍婵览器内核的不同,需要先加个判断,一般这是针对于ie浏览器的。看是否能获取ajax对象。在city.jsp中编写响应js代码。

9、启动tomcat,访问city.jsp,选择第一个下拉框,选择任意选项,第二个下拉框相应改变。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:37
阅读量:25
阅读量:83
阅读量:43
阅读量:32