婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > AJAX實現web頁面中級聯菜單的設計

AJAX實現web頁面中級聯菜單的設計

熱門標簽:遼寧正規電銷機器人 遼寧銀行智能外呼系統 電銷機器人違法了嗎 辰溪地圖標注 姜堰電銷機器人 上海浦東騰訊地圖標注位置 許昌智能電銷機器人公司 澳大利亞城市地圖標注 海南銀行智能外呼系統商家
看了大峽搞的級聯菜單,我也班門弄斧一把,嘿嘿,花了一點時間搞了個級聯菜單貼上來看看。本例中只要你選擇成員分類名稱就會自動顯示成員名稱: 
   首先在eclipse中建一個項目,名稱你自己做主了,這里為Easyjf-menu,對應的瀏覽器頁面代碼為:
 Easyjf-menu.jsp
 @page contentType=”text/html;charser=UTF-8” language=”java”%>
 head>
   ……..
 /head>
 script language=”javascript”>
   var XMLHttpReq;
   var currentSort;
   //創建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){}
}
}
//發送請求函數
function sendRequest(url){
 createXMLHttpRequest();
 XMLHttpReq.open(“GET”,url,true);
 XMLHttpReq.onreadystatechange=processResponse;
 XMLHttpReq.send(null);
}
//處理返回信息函數
function processResponse(){
   if(XMLHttpRequest.readyState==4){
   if(XMLHttpRequest.status==200){
 updateMenu();
}else{alert(“您請求的頁面有異常!”)}
}
}
//更新菜單函數
function updateMenu(){
 var res=XMLHttpReq.responseXML.getElementIdByTagName(“res”);
 var sunMenu=””;
 for(var i=0;ires.length;i++){
 submenu=subMenu+res[1].fistChild.data+”br>”;
}
currentSort.innerHTML=submenu;
}
//創建級聯菜單
function showSubMenu(obj){
   currentSort=document.getElementById(obj);
   currentSort.parentNode.style.display=””;
   sendRequest(“menu?sort=”+obj);
}
/script>
b>EasyJF成員/b>
a onClick=”onShowSubMenu(‘大峽')”>大峽/a>
,該頁面中提供了對應的菜單以供用戶選擇,用戶選擇菜單后,調用showSubMenu(‘XXX')函數,其中參數用于傳遞用戶所選菜單的標識信息到服務器以決定獲取服務器的哪個在菜單內容,首先獲得菜單的識別信息,再提交給Ajax,這里用innerHTML屬性實現定位顯示!
您可能感興趣的文章:
  • jQuery+ajax實現無刷新級聯菜單示例
  • Ajax級聯菜單實例代碼
  • 前臺JS(jquery ajax)調用后臺方法實現無刷新級聯菜單示例
  • AJAX 二級級聯菜單實現代碼
  • Ajax+Json 級聯菜單實現代碼
  • ThinkPHP使用心得分享-ThinkPHP + Ajax 實現2級聯動下拉菜單
  • 利用了jquery的ajax實現二級聯互動菜單
  • ajax讀取數據庫內容實現二級聯動下拉選擇菜單示例
  • Javascript級聯下拉菜單以及AJAX數據驗證核心代碼
  • 基于asp+ajax和數據庫驅動的二級聯動菜單
  • 一個強健 實用的asp+ajax二級聯動菜單(有演示和附源程序打包下載)
  • ajax級聯菜單實現方法實例分析

標簽:晉城 威海 伊春 銅川 崇左 深圳 撫州 西藏

巨人網絡通訊聲明:本文標題《AJAX實現web頁面中級聯菜單的設計》,本文關鍵詞  AJAX,實現,web,頁面,中級,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《AJAX實現web頁面中級聯菜單的設計》相關的同類信息!
  • 本頁收集關于AJAX實現web頁面中級聯菜單的設計的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 唐河县| 乌鲁木齐县| 民勤县| 湘乡市| 庆元县| 错那县| 大余县| 天水市| 上犹县| 东莞市| 隆德县| 清远市| 玉龙| 玛沁县| 澄城县| 大港区| 烟台市| 德庆县| 洛扎县| 中山市| 甘德县| 都昌县| 辽源市| 高台县| 通化县| 名山县| 都昌县| 通化县| 琼海市| 承德市| 年辖:市辖区| 屯昌县| 遵化市| 凤凰县| 如皋市| 上饶市| 阜新市| 革吉县| 抚远县| 衢州市| 宝应县|