跟我學(xué)ajax技術(shù)——如何應(yīng)用ajax技術(shù)實現(xiàn)級聯(lián)菜單的web應(yīng)用示例

《跟我學(xué)ajax技術(shù)——如何應(yīng)用ajax技術(shù)實現(xiàn)級聯(lián)菜單的web應(yīng)用示例》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、楊教授工作室精心創(chuàng)作的優(yōu)秀程序員職業(yè)提升必讀系列資料1.1跟我學(xué)AJAX技術(shù)——如何應(yīng)用AJAX技術(shù)實現(xiàn)級聯(lián)菜單的Web應(yīng)用示例1.1.1常規(guī)的Web級聯(lián)菜單所存在的問題以前，為了避免每次對菜單的操作引起的重載頁面，不采用每次調(diào)用后臺的方式，而是一次性地將級聯(lián)菜單的所有數(shù)據(jù)全部讀取出來并寫入到數(shù)組中，然后根據(jù)用戶的操作用JavaScript+CSS來控制它的子集項目的顯示，這樣雖然解決了操作響應(yīng)的速度、不重載頁面以及避免向服務(wù)器頻繁發(fā)送請求的問題，但是如果用戶不對菜單進行操作或者只對菜單中的一部分進行操作的話，那讀取的數(shù)據(jù)中的一部分就會成為多余而浪費用

2、戶的資源，特別是在菜單的結(jié)構(gòu)復(fù)雜、數(shù)據(jù)量大的情況下，這樣的弊端就更為突出！而如果采用AJAX技術(shù)來實現(xiàn)（JavaScript+CSS+AJAX），在頁面初始化的時候，我們只需要讀出其一級菜單的數(shù)據(jù)并顯示出。而在用戶操作時，則通過AJAX向后臺請求其下一級的菜單數(shù)據(jù)并顯示出------這樣，需要什么就下載什么！1.1.2構(gòu)建本示例的Web應(yīng)用項目1、添加一個JSP頁面ajaxMenu.jsp（1）創(chuàng)建ajaxMenu.jsp頁面文件（2）在該頁面中添加一個表格，并且在其中放上超鏈接<%@pagelanguage="java"pageEncoding="G

3、B18030"%><%@tagliburi="http://struts.apache.org/tags-bean"prefix="bean"%>12楊教授工作室，版權(quán)所有，盜版必究，12/12頁楊教授工作室精心創(chuàng)作的優(yōu)秀程序員職業(yè)提升必讀系列資料<%@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楊教授工作室，版權(quán)所有，盜版必究，12/12頁楊教授工作室精心創(chuàng)作的優(yōu)秀程序員職業(yè)提升必讀系列資料 

7、bMenu('menu_2')">菜單二 （3）ajaxMenu.jsp頁面文件的預(yù)覽示圖2、再添加JavaScript的文件ajaxMenu.js（1）創(chuàng)建JavaScript文件ajaxMenu.js12楊教授工作室，版權(quán)所有，盜版必究，12/12頁楊教授工作室精心創(chuàng)作的優(yōu)秀程序員職業(yè)提升必讀系列資料（2）編程ajaxMenu.js文件中的功能實現(xiàn)代

8、碼varhttpRequest;varcurrentPos;functionshowSubMe