欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AJAX實(shí)現(xiàn)web頁(yè)面中級(jí)聯(lián)菜單的設(shè)計(jì)

 更新時(shí)間:2007年03月06日 00:00:00   作者:  
看了大峽搞的級(jí)聯(lián)菜單,我也班門弄斧一把,嘿嘿,花了一點(diǎn)時(shí)間搞了個(gè)級(jí)聯(lián)菜單貼上來(lái)看看。本例中只要你選擇成員分類名稱就會(huì)自動(dòng)顯示成員名稱: 
   首先在eclipse中建一個(gè)項(xiàng)目,名稱你自己做主了,這里為Easyjf-menu,對(duì)應(yīng)的瀏覽器頁(yè)面代碼為:
 Easyjf-menu.jsp
 <@page contentType=”text/html;charser=UTF-8” language=”java”%>
 <head>
   ……..
 </head>
 <script language=”javascript”>
   var XMLHttpReq;
   var currentSort;
   //創(chuàng)建xmlhttprequset對(duì)象
   function createXMLHttpRequest(){
   if(window.XMLHttpRequest){
   XMLHttpReq=new XMLHttpRequest();
 }
else if (window.ActiveXObject){
  try{
     XMlHttpReq=new ActiveXObject(“Msxml2.XMLHTTP”);
    }catch(e){}
       try{
 XMLHttpRequest=new ActiveXObject(“Microsoft.XMLHTTP”);
}catch(e){}
}
}
//發(fā)送請(qǐng)求函數(shù)
function sendRequest(url){
 createXMLHttpRequest();
 XMLHttpReq.open(“GET”,url,true);
 XMLHttpReq.onreadystatechange=processResponse;
 XMLHttpReq.send(null);
}
//處理返回信息函數(shù)
function processResponse(){
   if(XMLHttpRequest.readyState==4){
   if(XMLHttpRequest.status==200){
 updateMenu();
}else{alert(“您請(qǐng)求的頁(yè)面有異常!”)}
}
}
//更新菜單函數(shù)
function updateMenu(){
 var res=XMLHttpReq.responseXML.getElementIdByTagName(“res”);
 var sunMenu=””;
 for(var i=0;i<res.length;i++){
 submenu=subMenu+res[1].fistChild.data+”<br>”;
}
currentSort.innerHTML=submenu;
}
//創(chuàng)建級(jí)聯(lián)菜單
function showSubMenu(obj){
   currentSort=document.getElementById(obj);
   currentSort.parentNode.style.display=””;
   sendRequest(“menu?sort=”+obj);
}
</script>
<b>EasyJF成員</b>
<a onClick=”onShowSubMenu(‘大峽')”>大峽</a>
,該頁(yè)面中提供了對(duì)應(yīng)的菜單以供用戶選擇,用戶選擇菜單后,調(diào)用showSubMenu(‘XXX')函數(shù),其中參數(shù)用于傳遞用戶所選菜單的標(biāo)識(shí)信息到服務(wù)器以決定獲取服務(wù)器的哪個(gè)在菜單內(nèi)容,首先獲得菜單的識(shí)別信息,再提交給Ajax,這里用innerHTML屬性實(shí)現(xiàn)定位顯示!

相關(guān)文章

  • Ajax異步刷新功能及簡(jiǎn)單案例

    Ajax異步刷新功能及簡(jiǎn)單案例

    我們都知道,異步刷新是ajax中非常重要的一個(gè)功能,這篇文章主要來(lái)介紹一下有關(guān)ajax中異步刷新的知識(shí),以及一個(gè)簡(jiǎn)單的注冊(cè)案例。感興趣的小伙伴可以了解一下
    2021-11-11
  • kkpager 實(shí)現(xiàn)ajax分頁(yè)查詢功能

    kkpager 實(shí)現(xiàn)ajax分頁(yè)查詢功能

    kkpager 實(shí)現(xiàn)ajax分頁(yè)查詢功能,前臺(tái)分頁(yè)數(shù)據(jù),適合數(shù)據(jù)少量的時(shí)候,因?yàn)榉猪?yè)的數(shù)據(jù)是從后臺(tái)獲取的,大數(shù)據(jù)的話不建議使用 ,具體前后臺(tái)代碼大家參考下本文吧
    2017-08-08
  • Ajax核心XMLHttpRequest總結(jié)

    Ajax核心XMLHttpRequest總結(jié)

    本文主要是給大家總結(jié)了一下Ajax的核心內(nèi)容XMLHttpRequest的相關(guān)知識(shí),十分的詳細(xì),推薦給大家,需要的小伙伴參考下。
    2015-02-02
  • Ajax 返回字符串的過(guò)濾實(shí)現(xiàn)代碼

    Ajax 返回字符串的過(guò)濾實(shí)現(xiàn)代碼

    在調(diào)用Ajax返回后。一個(gè)奇怪的問(wèn)題。返回的resultString值是“ok”但是跟字符串"ok"比較確不相等。
    2009-08-08
  • 什么是ajax的定義

    什么是ajax的定義

    ajax的定義簡(jiǎn)單描述了ajax的功能、用處,需要的朋友可以參考一下
    2007-12-12
  • ajax技術(shù)制作得在線歌詞搜索功能

    ajax技術(shù)制作得在線歌詞搜索功能

    ajax技術(shù)制作得在線歌詞搜索功能...
    2006-09-09
  • Ajax上傳圖片的本質(zhì)

    Ajax上傳圖片的本質(zhì)

    這篇文章主要介紹了Ajax上傳圖片的本質(zhì)的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • ajax遍歷xml文檔的方法

    ajax遍歷xml文檔的方法

    這篇文章主要介紹了ajax遍歷xml文檔的方法,實(shí)例分析了jsp結(jié)合Ajax遍歷XML文檔的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-07-07
  • jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法

    jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法

    這篇文章主要為大家詳細(xì)介紹了jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-05-05
  • jquery ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問(wèn)題的解決方法

    jquery ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問(wèn)題的解決方法

    下面小編就為大家?guī)?lái)一篇jquery ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問(wèn)題的解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10

最新評(píng)論