java中利用AJAX完成一个简单的级联下拉菜单

 时间:2024-10-16 16:33:10

1、首先需要下载JSON相关的jar 包,js中使用json需要引入的源文件json.js以及调取servlet需要的servlet-api.jar

java中利用AJAX完成一个简单的级联下拉菜单

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

java中利用AJAX完成一个简单的级联下拉菜单

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

java中利用AJAX完成一个简单的级联下拉菜单

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

java中利用AJAX完成一个简单的级联下拉菜单

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

java中利用AJAX完成一个简单的级联下拉菜单
  • swing 面板设置背景教程
  • Visual Studio解决方案资源窗口不见了怎么解决
  • 如何下载angularjs
  • Android studio怎么注释掉代码
  • 平均周转时间怎么算
  • 热门搜索
    旅游管理专业怎么样 迪拜旅游景点 去泰国旅游需要什么手续 最适合旅游的地方 黔南旅游网 去丽江旅游要多少钱 凤凰山旅游攻略 北京旅游包车 安徽省旅游网 蜀南竹海旅游