java web 菜单_JavaWeb开发之使用jQuery与Ajax实现动态联级菜单效果

写在前面，在笔者完成这个demo的时候，笔者发现现在大家已经不用Ajax来完成联级菜单了，实际上笔者这个demo也并不是为了完成这个，笔者主要的学习方向是JavaWeb后台的业务逻辑开发。但是做后台呢还是需要对前端有所了解，尤其是像Ajax这种异步提交数据的技术需要了解并掌握。所以这里笔者这里用了一个联级菜单来练习Ajax异步提交，当然后续还会写几个异步提交表单的demo。

笔者的后台是用的spring+SpringMVC的框架，这里不对这部分进行解释，重点在jQuery和Ajax。

第一，下载jquery.js这个资源

第二，将下载好的jquery.js导入项目中

在javaweb项目中，直接放在 WebContent 中即可(也可以建立自己的文件夹，但不要放在WEB-INF文件中)

第三，开始编写代码

新建一个JSP文件

代码如下

pageEncoding="UTF-8"%>

Ajax Test

> listMap = (List>)request.getAttribute("list"); %>

请选择班级

Map map = listMap.get(i);

%>

请先选择班级

//jquery标准语法

$(document).ready(funct