Ajax怎么按需讀取數(shù)據(jù)生成下級菜單

這篇文章主要講解了“Ajax怎么按需讀取數(shù)據(jù)生成下級菜單”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Ajax怎么按需讀取數(shù)據(jù)生成下級菜單”吧！

jilian.htm

代碼如下:

<script language="javascript"> 
var http_request=false; 
function send_request(url){//初始化,指定處理函數(shù)，發(fā)送請求的函數(shù) 
http_request=false; 
//開始初始化XMLHttpRequest對象 
if(window.XMLHttpRequest){//Mozilla瀏覽器 
http_request=new XMLHttpRequest(); 
if(http_request.overrideMimeType){//設(shè)置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){//異常，創(chuàng)建對象實(shí)例失敗 
window.alert("不能創(chuàng)建XMLHttpRequest對象實(shí)例"); 
return false; 
} 
http_request.onreadystatechange=processRequest; 
//確定發(fā)送請求的方式和URL以及是否同步執(zhí)行下段代碼 
http_request.open("GET",url,true); 
http_request.send(null); 
} 
//處理返回信息的函數(shù) 
function processRequest(){ 
if(http_request.readyState==4){//判斷對象狀態(tài) 
if(http_request.status==200){//信息已經(jīng)成功返回，開始處理信息 
document.getElementById(currentPos).innerHTML=http_request.responseText; 
} 
else{//頁面不正常 
alert("您所請求的頁面有異常"); 
} 
} 
} 
function showRoles(obj){ 
document.getElementById(obj).parentNode.style.display=""; 
document.getElementById(obj).innerHTML="正在讀取數(shù)據(jù)..." 
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')">經(jīng)理室 
</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')">開發(fā)部</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;副總經(jīng)理") 
end if 
if playPos="pos_2" then 
Response.Write("&nbsp;&nbsp;總工程師<br>&nbsp;&nbsp;軟件工程師") 
end if 
%>

感謝各位的閱讀，以上就是“Ajax怎么按需讀取數(shù)據(jù)生成下級菜單”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Ajax怎么按需讀取數(shù)據(jù)生成下級菜單這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！