Ajax怎么按需读取数据生成下级菜单

这篇文章主要讲解了“Ajax怎么按需读取数据生成下级菜单”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Ajax怎么按需读取数据生成下级菜单”吧！

jilian.htm

代码如下:

<script language="javascript"> 
var http_request=false; 
function send_request(url){//初始化,指定处理函数，发送请求的函数 
http_request=false; 
//开始初始化XMLHttpRequest对象 
if(window.XMLHttpRequest){//Mozilla浏览器 
http_request=new XMLHttpRequest(); 
if(http_request.overrideMimeType){//设置MIME类型 
http_request.overrideMimeType("text/html"); 
} 
} 
else if(window.ActiveXObject){//IE浏览器 
try{ 
http_request=new ActiveXObject("Xsxml2.XMLHTTP"); 
http_request.setRequestHeader("Content-Type","text/xml"); 
http_request.setRequestHeader("Content-Type","gb2312"); 
} 
catch(e){ 
try{ 
http_request=new ActiveXObject("Microsoft.XMLHTTP"); 
http_request.setRequestHeader("Content-Type","text/xml"); 
http_request.setRequestHeader("Content-Type","gb2312"); 
} 
catch(e){ 
} 
} 
} 
if(!http_request){//异常，创建对象实例失败 
window.alert("不能创建XMLHttpRequest对象实例"); 
return false; 
} 
http_request.onreadystatechange=processRequest; 
//确定发送请求的方式和URL以及是否同步执行下段代码 
http_request.open("GET",url,true); 
http_request.send(null); 
} 
//处理返回信息的函数 
function processRequest(){ 
if(http_request.readyState==4){//判断对象状态 
if(http_request.status==200){//信息已经成功返回，开始处理信息 
document.getElementById(currentPos).innerHTML=http_request.responseText; 
} 
else{//页面不正常 
alert("您所请求的页面有异常"); 
} 
} 
} 
function showRoles(obj){ 
document.getElementById(obj).parentNode.style.display=""; 
document.getElementById(obj).innerHTML="正在读取数据..." 
currentPos=obj; 
send_request("jilian_data.asp?playPos="+obj); 
} 
</script> 
<table width="200" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td height="20"> 
<a href="javascript:void(0)" onclick="showRoles('pos_1')">经理室 
</a> 
</td> 
</tr> 
<tr > 
<td height="20" id="pos_1">&nbsp;</td> 
</tr> 
<tr> 
<td height="20"> 
<a href="javascript:void(0)" onclick="showRoles('pos_2')">开发部</a> 
</td> 
</tr> 
<tr > 
<td id="pos_2" height="20">&nbsp;</td> 
</tr> 
</td> 
</table>

jilian_data.asp

代码如下:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> 
<% 
playPos=request("playPos") 
if playPos="pos_1" then 
Response.Write("&nbsp;&nbsp;jingli<br>&nbsp;&nbsp;副总经理") 
end if 
if playPos="pos_2" then 
Response.Write("&nbsp;&nbsp;总工程师<br>&nbsp;&nbsp;软件工程师") 
end if 
%>

感谢各位的阅读，以上就是“Ajax怎么按需读取数据生成下级菜单”的内容了，经过本文的学习后，相信大家对Ajax怎么按需读取数据生成下级菜单这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！