下载此文档

跟我学AJAX技术——如何应用AJAX技术实现级联菜单的Web应用示例.doc

文档分类：IT计算机 | 页数：约12页举报非法文档有奖

1/12

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/12 下载此文档

文档列表 文档介绍

跟我学AJAX技术——如何应用AJAX技术实现级联菜单的Web应用示例.doc跟我学AJAX技术——如何应用AJAX技术实现级联菜单的Web应用示例常规的Web级联菜单所存在的问题以前,为了避免每次对菜单的操作引起的重载页面,不采用每次调用后台的方式,而是一次性地将级联菜单的所有数据全部读取出来并写入到数组中,然后根据用户的操作用JavaScript+CSS来控制它的子集项目的显示,这样虽然解决了操作响应的速度、不重载页面以及避免向服务器频繁发送请求的问题,但是如果用户不对菜单进行操作或者只对菜单中的一部分进行操作的话,那读取的数据中的一部分就会成为多余而浪费用户的资源,特别是在菜单的结构复杂、数据量大的情况下,这样的弊端就更为突出! 而如果采用AJAX技术来实现(JavaScript+CSS+AJAX),在页面初始化的时候,我们只需要读出其一级菜单的数据并显示出。而在用户操作时,则通过AJAX向后台请求其下一级的菜单数据并显示出------这样,需要什么就下载什么!构建本示例的Web应用项目1、(1)(2)在该页面中添加一个表格,并且在其中放上超链接<%***@pagelanguage="java"pageEncoding="GB18030"%><%***@tagliburi="http://struts./tags-bean"prefix="bean"%><%***@tagliburi="http://struts./tags-html"prefix="html"%><%***@tagliburi="http://struts./tags-logic"prefix="logic"%><%***@tagliburi="http://struts./tags-tiles"prefix="tiles"%><!DOCTYPEHTMLPUBLIC"-//W3C////EN"><html:htmllang="true"><head><html:base/><scriptlanguage="javascript"src=""></script><title></title> <metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> </head><body><tablewidth="200"border="0"cellspacing="0"cellpadding="0"><tr> <tdheight="20"><ahref="#"onclick="showSubMenu('menu_1')">菜单一</a></td></tr><tr> <tdheight="20"id="menu_1"style="display:none"> </td></tr><tr><tdheight="20"><ahref="#"onclick="showSubMenu('menu_2')">菜单二</a></td><tr> <tdheight="20"id="menu_2"style="display:none"> </td></tr></table></body></html:html>(3)、(1)(2);varcurrentPos;functionshowSubMenu(newCurrentPos){(newCurrentPos).="";currentPos=newCurrentPos;if((newCurrentPos).=="none"){(newCurrentPos).style

跟我学AJAX技术——如何应用AJAX技术实现级联菜单的Web应用示例来自淘豆网www.taodocs.com转载请标明出处.