Ajax二级动态菜单

来源：互联网发布：打车软件司机端编辑：程序博客网时间：2024/04/16 20:30

//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

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()

</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"> </td>
</tr>
<tr>
    <td><a href="javascript: void(0)" onClick="showRole('pos_2')">开发部</a></td>
</tr>
<tr style="display:none">
    <td id="pos_2"> </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
%>//