跟我学ajax技术——如何应用ajax技术实现级联菜单的web应用示例

《跟我学ajax技术——如何应用ajax技术实现级联菜单的web应用示例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、杨教授工作室精心创作的优秀程序员职业提升必读系列资料1.1跟我学AJAX技术——如何应用AJAX技术实现级联菜单的Web应用示例1.1.1常规的Web级联菜单所存在的问题以前，为了避免每次对菜单的操作引起的重载页面，不采用每次调用后台的方式，而是一次性地将级联菜单的所有数据全部读取出来并写入到数组中，然后根据用户的操作用JavaScript+CSS来控制它的子集项目的显示，这样虽然解决了操作响应的速度、不重载页面以及避免向服务器频繁发送请求的问题，但是如果用户不对菜单进行操作或者只对菜单中的一部分进行操作的话，那读取的数据中的一部分就会成为多余而浪费用

2、户的资源，特别是在菜单的结构复杂、数据量大的情况下，这样的弊端就更为突出！而如果采用AJAX技术来实现（JavaScript+CSS+AJAX），在页面初始化的时候，我们只需要读出其一级菜单的数据并显示出。而在用户操作时，则通过AJAX向后台请求其下一级的菜单数据并显示出------这样，需要什么就下载什么！1.1.2构建本示例的Web应用项目1、添加一个JSP页面ajaxMenu.jsp（1）创建ajaxMenu.jsp页面文件（2）在该页面中添加一个表格，并且在其中放上超链接<%@pagelanguage="java"pageEncoding="G

3、B18030"%><%@tagliburi="http://struts.apache.org/tags-bean"prefix="bean"%>12杨教授工作室，版权所有，盗版必究，12/12页杨教授工作室精心创作的优秀程序员职业提升必读系列资料<%@tagliburi="http://struts.apache.org/tags-html"prefix="html"%><%@tagliburi="http://struts.apache.org/tags-logic"prefix="logic"%><%@tagliburi="http://stru

4、ts.apache.org/tags-tiles"prefix="tiles"%>

5、="cache-control"content="no-cache">

6、order="0"cellspacing="0"cellpadding="0">菜单一12杨教授工作室，版权所有，盗版必究，12/12页杨教授工作室精心创作的优秀程序员职业提升必读系列资料 

7、bMenu('menu_2')">菜单二 （3）ajaxMenu.jsp页面文件的预览示图2、再添加JavaScript的文件ajaxMenu.js（1）创建JavaScript文件ajaxMenu.js12杨教授工作室，版权所有，盗版必究，12/12页杨教授工作室精心创作的优秀程序员职业提升必读系列资料（2）编程ajaxMenu.js文件中的功能实现代

8、码varhttpRequest;varcurrentPos;functionshowSubMe