AJAX实现web页面中级联菜单的设计
作者:Easyjf 时间:2007-09-26 13:37:00
看了大峡搞的级联菜单,我也班门弄斧一把,嘿嘿,花了一点时间搞了个级联菜单贴上来看看。本例中只要你选择成员分类名称就会自动显示成员名称:
首先在eclipse中建一个项目,名称你自己做主了,这里为Easyjf-menu,对应的浏览器页面代码为:
<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属性实现定位显示 。
标签:级联,菜单,ajax
0
投稿
猜你喜欢
做了CDN加速的ASP网站获取用户真实IP程序
2011-02-16 10:59:00
Dreamweaver技巧50问
2008-10-16 14:00:00
ASP实例:幻灯片新闻代码
2008-11-21 17:40:00
一段重用很高的ajax代码
2009-02-09 13:27:00
网页设计趋势之:”勾引”用户的按钮
2009-02-17 12:09:00
记录下两个正则表达式的使用
2009-11-30 12:56:00
从if else到switch case再到抽象
2010-11-05 18:30:00
ASP实现下载系统防盗链方法
2008-02-01 14:05:00
mysql 重启方法(初学者)
2010-12-03 16:40:00
使用JScript遍历Request表单参数集合
2011-02-26 11:08:00
my sql存储过程学习总结
2011-07-12 19:12:35
debug case: onsubmit=return false依然能提交
2009-01-18 13:07:00
asp对象之:基于adodb.stream的文件操作类
2008-06-07 08:38:00
IE9初窥:支持CSS3,和HTML5?
2009-12-01 14:20:00
asp如何实现点击数的计算?
2010-05-18 18:39:00
ASP+FSO+框架实现ASP生成htm并分页的方法(批量)
2009-03-09 18:26:00
如何解决MySQL的客户端不支持鉴定协议
2008-11-27 17:10:00
Javascript操作cookie的类
2007-08-23 09:36:00
确定能够释放空间的SQL Server数据库文件的脚本
2010-07-31 12:36:00
asp任何取得多个表单的值
2008-04-15 15:31:00