資源描述：
《實(shí)現(xiàn)基于ajax的無(wú)限級(jí)菜單》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、實(shí)現(xiàn)基于Ajax的無(wú)限級(jí)菜單.txt愛情是藝術(shù)，結(jié)婚是技術(shù)，離婚是算術(shù)。這年頭女孩們都在爭(zhēng)做小“腰”精，誰(shuí)還稀罕小“腹”婆呀？高職不如高薪，高薪不如高壽，高壽不如高興。現(xiàn)在到處都有這方面的教程，我重點(diǎn)說(shuō)一下我自己搞的一個(gè)框架。特點(diǎn)：支持Form的無(wú)閃提交（方法有點(diǎn)笨）支持ＭＶＣ框架，即支持傳統(tǒng)網(wǎng)頁(yè)架構(gòu)多線程并發(fā)請(qǐng)求（要語(yǔ)言支持線程）動(dòng)態(tài)加載文件，只加載有用的！處理了Ajax框架臃腫的JS文件問(wèn)題。采用notable的全div+css布局a.獲得XMLHTTPRequest對(duì)象，網(wǎng)上到處都找得到了，不多說(shuō)：functionnewXMLHttpReques
2、t(){varxmlreq=false;if(window.XMLHttpRequest){xmlreq=newXMLHttpRequest();}elseif(window.ActiveXObject){try{xmlreq=newActiveXObject("Msxml2.XMLHTTP");}catch(e1){try{xmlreq=newActiveXObject("Microsoft.XMLHTTP");}catch(e2){}}}returnxmlreq;}這里提供一個(gè)通用的支持多瀏覽器的方法。b.提出異步請(qǐng)求//這里用Bcandy作為方法
3、名是為了感謝一個(gè)對(duì)我來(lái)說(shuō)很重要的人，她一直在支持我functionBcandy(Tid,url,parm,js){if(url==""){return;}//這是一個(gè)加載信息提示框，也可以不要！document.getElementById("load").style.visibility="visible";//加載相應(yīng)頁(yè)面的JS文件if(js!=null){//加載ＪＳ文件LoadJS(js);}//獲取一個(gè)XMLHttpRequest實(shí)例varreq=newXMLHttpRequest();//設(shè)置用來(lái)從請(qǐng)求對(duì)象接收回調(diào)通知的句柄函數(shù)varhan
4、dlerFunction=getReadyStateHandler(req,Tid);req.onreadystatechange=handlerFunction;//第三個(gè)參數(shù)表示請(qǐng)求是異步的req.open("POST",url,true);//指示請(qǐng)求體包含form數(shù)據(jù)req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//發(fā)送參數(shù)req.send(parm);}functiongetReadyStateHandler(req,Tid){//返回一個(gè)監(jiān)聽
5、XMLHttpRequest實(shí)例的匿名函數(shù)returnfunction(){//如果請(qǐng)求的狀態(tài)是“完成”if(req.readyState==4){//成功接收了服務(wù)器響應(yīng)if(req.status==200){//下面一句是重點(diǎn)，這里顯示了返回信息的內(nèi)容部分，也可以加以修改。進(jìn)行其它處理document.getElementById(Tid).innerHTML=req.responseText;document.getElementById(Tid).style.visibility="visible";//這一句是實(shí)現(xiàn)加載信息提示框的隱藏，也可以
6、不要。document.getElementById("load").style.visibility="hidden";}else{//有HTTP問(wèn)題發(fā)生document.getElementById("load").style.visibility="hidden";alert("HTTPerror:"+req.status);}}}}//動(dòng)態(tài)加載ＪＳ文件functionLoadJS(file){varhead=document.getElementsByTagName('HEAD').item(0);varscript=document.crea
7、teElement('SCRIPT');script.src=file;script.type="text/javascript";head.appendChild(script);}這就是基本的框架了，因?yàn)槭褂昧藃equest.responseText;所以，可以直接請(qǐng)求一個(gè)頁(yè)面jsp,servlet但在使用Struts框架的請(qǐng)求時(shí)要進(jìn)行特殊處理，因?yàn)镕orm不支持異步請(qǐng)求。建議在這些頁(yè)面上不要加入標(biāo)簽，就像.net里的asxm文件！而且在使用Struts框架時(shí)有點(diǎn)要注意的是，Mapping對(duì)象直接返回null就可以了，因?yàn)槲覀儠?huì)在下面講到并發(fā)多線程
8、。來(lái)處理這個(gè)問(wèn)題的?？偟膩?lái)看，有點(diǎn)像是積木搭建起來(lái)的。這樣方便文件的修改和擴(kuò)展，互相之間并不影
