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

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

 更新時間:2007年03月06日 00:00:00   作者:  
看了大峽搞的級聯(lián)菜單,我也班門弄斧一把,嘿嘿,花了一點時間搞了個級聯(lián)菜單貼上來看看。本例中只要你選擇成員分類名稱就會自動顯示成員名稱: 
   首先在eclipse中建一個項目,名稱你自己做主了,這里為Easyjf-menu,對應(yīng)的瀏覽器頁面代碼為:
 Easyjf-menu.jsp
 <@page contentType=”text/html;charser=UTF-8” language=”java”%>
 <head>
   ……..
 </head>
 <script language=”javascript”>
   var XMLHttpReq;
   var currentSort;
   //創(chuàng)建xmlhttprequset對象
   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ā)送請求函數(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(“您請求的頁面有異常!”)}
}
}
//更新菜單函數(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)建級聯(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īng)的菜單以供用戶選擇,用戶選擇菜單后,調(diào)用showSubMenu(‘XXX')函數(shù),其中參數(shù)用于傳遞用戶所選菜單的標(biāo)識信息到服務(wù)器以決定獲取服務(wù)器的哪個在菜單內(nèi)容,首先獲得菜單的識別信息,再提交給Ajax,這里用innerHTML屬性實現(xiàn)定位顯示!

相關(guān)文章

  • Ajax異步刷新功能及簡單案例

    Ajax異步刷新功能及簡單案例

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

    kkpager 實現(xiàn)ajax分頁查詢功能

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

    Ajax核心XMLHttpRequest總結(jié)

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

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

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

    什么是ajax的定義

    ajax的定義簡單描述了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文檔的方法,實例分析了jsp結(jié)合Ajax遍歷XML文檔的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法

    jQuery AJAX實現(xiàn)調(diào)用頁面后臺方法

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

    jquery ajax多次請求數(shù)據(jù)時 不刷新問題的解決方法

    下面小編就為大家?guī)硪黄猨query ajax多次請求數(shù)據(jù)時 不刷新問題的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10

最新評論