Ajax二级动态菜单

原创 2006年06月22日 11:39:00

//Multi_menu.htm

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>MULTI-MENU</title>
<script type="text/javascript">
var currentPos="";
var http_request=false;
function send_request(method,url){
http_request=false;

// inital HttpRequest
if(window.XMLHttpRequest){//Mozilla
http_request = new XMLHttpRequest();
if(http_request.overrideMimeType){//set MIME
http_request.overrideMimeType("text/xml");
}//END SET MIME
}
else if(window.ActiveXObject){//IE Browser,Use Lasted version

var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
for(var n = 0; n < MSXML.length; n ++)
{
try{
http_request = new ActiveXObject(MSXML[n]);
http_request.setRequestHeader("Content-Type","text/xml");
http_request.setRequestHeader('Content-Type', 'text/html; charset=gb2312'); //Last version need set, and it lik iFrame
if (method.toUpperCase( )=="POST" ){//post method
http_request.setRequestHeader('Connection', 'close');
http_request.setRequestHeader('Content-type','application/x-www-form-urlencoded');
}
break;
}
catch(e){http_request  = false;}
}//End IE
}// End inital HttpRequest

if(!http_request){//Error, Creat object fail
 window.alert("Cannot create an XMLHTTP instance")
 return false;
}
http_request.onreadystatechange = processRequest;
//get post or head, and asychFlag??
http_request.open(method, url,true);
http_request.send(null);
}// End send_request()

function processRequest(){
if(http_request.readyState == 4){
if(http_request.status == 200){
document.getElementById(currentPos).innerHTML= http_request.responseText;
}
else{
alert("Your Reqeust Page Error")}
}
}// End processRequest()

function showRole(obj){
if(document.getElementById(obj).parentNode.style.display=="none"){
document.getElementById(obj).parentNode.style.display="";
document.getElementById(obj).innerHTML ="loading...";
currentPos =obj;
//alert("ok");
send_request("post","mm.asp?playPos="+obj);
}
else{
document.getElementById(obj).parentNode.style.display="none";
}
}//End showRole

</script>

</head>
<body>
<table width="75%" border="1">
  <tr>
    <td><a href="javascript: void(0)" onClick="showRole('pos_1')" >经理室</a></td>
  </tr>
  <tr style="display:none">
    <td id="pos_1">&nbsp;</td>
  </tr>
  <tr>
    <td><a href="javascript: void(0)" onClick="showRole('pos_2')">开发部</a></td>
  </tr>
  <tr style="display:none">
    <td id="pos_2">&nbsp;</td>
  </tr>
</table>
</body>
</html>

//mm.asp

<% response.Charset="GB2312" '实现中文输出的关键%>
<%
playPos = request("playPos")
if playPos="pos_1" then 
response.Write("总经理<br>副经理") ''可以用数据库技术进行相关处理
elseif playPos="pos_2" then
response.Write("总工程师<br>软工程师")
end if
%>//

相关文章推荐

34.6.1 Excel数据有效性的高级应用【动态二级级联菜单/如百度输入框Ajax效果的下拉菜单/圈出无效数据】

声明:本博客分类《Excel2010》中的 标题带章节号如 34.6 的文章均为 本人阅读 Excel Home书籍作品《Excel2010应用大全》的读书笔记   这本书非常好,对Excel2...

一个简单的Ajax二级联动下拉菜单

首先要导入下面的包,缺一不可 然后写jsp //获取整个项目路径

二级菜单联动 ajax+json

Web应用目录:  具体的代码如下: AjaxJSON.java package AjaxJson;   import java.io.IOException; import java...

基于asp+ajax和数据库驱动的二级联动菜单

本文是一个基于asp+ajax和数据库驱动的二级联动菜单,感兴趣的同学参考下。 index.asp 页面代码 set cmd = conn.execute("select bi...

AJAX基于XML二级联动下拉菜单<jsp>

基于XML的二级菜单联动 选择省份 安徽省 江苏省 广东省 四川省 选择城市 ...

Ajax实现二级联动菜单

index.jsp:@ page language="java" pageEncoding="UTF-8"%>html>    head>        title>二级菜单联动演示title>   ...
  • haidage
  • haidage
  • 2011年07月27日 13:33
  • 719

Ajax实现二级联动菜单

index.jsp: 二级菜单联动演示 var req; window.onload=function() {//页面加载...

ThinkPHP ajax 二级联动菜单

自己写的一个ThinkPHPajax二级菜单联动,写的不好,希望大家改进改进 IndexContr.class.php class IndexAction extends Action { ...

rails使用ajax实现无刷新二级级联菜单

====================================================== 注:本文源代码点此下载 =============================...

PHP和Ajax实现二级联动下拉菜单(代码、详细注释)

数据库 ..................................................................................................
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax二级动态菜单
举报原因:
原因补充:

(最多只允许输入30个字)