AJAX实现
web页面中级联菜单的
设计 出处:CSDN作者:天意更新时间:2006-12-1817:04:19
小弟花了一点时间搞了个级联菜单,贴上来请大家看看。本例中只要你选择成员分类名称就会自动显示成员名称:
首先在eclipse中建一个项目,名称你自己做主了,这里为Easyjf-menu,对应的浏览器页面代码为:
Easyjf-menu.jsp:
<@pagecontentType=”text/html;charser=UTF-8”language=”java”%>
……..
varXMLHttpReq;
varcurrentSort;
//创建xmlhttprequset对象
functioncreateXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq=newXMLHttpRequest();
}
elseif(window.ActiveXObject){
try{
XMlHttpReq=newActiveXObject(“Msxml2.XMLHTTP”);
}catch(e){}
try{
XMLHttpRequest=newActiveXObject(“Microsoft.XMLHTTP”);
}catch(e){}
}
}
//发送请求函数
functionsendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open(“GET”,url,true);
XMLHttpReq.onreadystatechange=processResponse;
XMLHttpReq.send(null);
}
//处理返回信息函数
functionprocessResponse(){
if(XMLHttpRequest.readyState==4){
if(XMLHttpRequest.status==200){
updateMenu();
}else{alert(“您请求的页面有异常!”)}
}
}
//更新菜单函数
functionupdateMenu(){
varres=XMLHttpReq.responseXML.getElementIdByTagName(“res”);
varsunMenu=””;
for(vari=0;i submenu=subMenu+res[1].fistChild.data+”
”;
}
currentSort.innerHTML=submenu;
}
//创建级联菜单
functionshowSubMenu(obj){