AJAX完毕web页面中级联菜单的希图

作者: 贝博体育app网络  发布:2019-11-23

看了大峡搞的级联菜单,作者也自作聪明一把,嘿嘿,花了几许小时搞了个级联菜单贴上来看看。本例中要是你接纳成员分类名称就能活动显示成员名称: 
   首先在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;i<res.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属性完结稳定突显!

...

本文由贝博体育app发布于贝博体育app网络,转载请注明出处:AJAX完毕web页面中级联菜单的希图

关键词: