jilian.htm

复制代码 代码如下:

<scriptlanguage="javascript">

varhttp_request=false;

functionsend_request(url){//初始化,指定处理函数，发送请求的函数

http_request=false;

//开始初始化XMLHttpRequest对象

if(window.XMLHttpRequest){//Mozilla浏览器

http_request=newXMLHttpRequest();

if(http_request.overrideMimeType){//设置MIME类型

http_request.overrideMimeType("text/html");

}

}

elseif(window.ActiveXObject){//IE浏览器

try{

http_request=newActiveXObject("Xsxml2.XMLHTTP");

http_request.setRequestHeader("Content-Type","text/xml");

http_request.setRequestHeader("Content-Type","gb2312");

}

catch(e){

try{

http_request=newActiveXObject("Microsoft.XMLHTTP");

http_request.setRequestHeader("Content-Type","text/xml");

http_request.setRequestHeader("Content-Type","gb2312");

}

catch(e){

}

}

}

if(!http_request){//异常，创建对象实例失败

window.alert("不能创建XMLHttpRequest对象实例");

returnfalse;

}

http_request.onreadystatechange=processRequest;

//确定发送请求的方式和URL以及是否同步执行下段代码

http_request.open("GET",url,true);

http_request.send(null);

}

//处理返回信息的函数

functionprocessRequest(){

if(http_request.readyState==4){//判断对象状态

if(http_request.status==200){//信息已经成功返回，开始处理信息

document.getElementById(currentPos).innerHTML=http_request.responseText;

}

else{//页面不正常

alert("您所请求的页面有异常");

}

}

}

functionshowRoles(obj){

document.getElementById(obj).parentNode.style.display="";

document.getElementById(obj).innerHTML="正在读取数据..."

currentPos=obj;

send_request("jilian_data.asp?playPos="+obj);

}

</script>

<tablewidth="200"border="0"cellspacing="0"cellpadding="0">

<tr>

<tdheight="20">

<ahref="javascript:void(0)"onclick="showRoles('pos_1')">经理室

</a>

</td>

</tr>

<trstyle="display:none">

<tdheight="20"id="pos_1"></td>

</tr>

<tr>

<tdheight="20">

<ahref="javascript:void(0)"onclick="showRoles('pos_2')">开发部</a>

</td>

</tr>

<trstyle="display:none">

<tdid="pos_2"height="20"></td>

</tr>

</td>

</table>

jilian_data.asp

复制代码 代码如下:

<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>

<%

playPos=request("playPos")

ifplayPos="pos_1"then

Response.Write("jingli<br>副总经理")

endif

ifplayPos="pos_2"then

Response.Write("总工程师<br>软件工程师")

endif

%>

【Ajax按需读取数据生成下级菜单】相关文章：

★ Ajax获取数据然后显示在页面的实现方法

★ Ajax发送和接收二进制字节流数据的方法

★ jQuery使用ajax跨域请求获取数据

★ Ajax添加数据即时显示信息篇

★ Ajax叠加(Ajax返回数据用Ajax发出)示例代码

★ 将xml文件作为一个小的数据库,进行学生的增删改查的简单实例

★ Ajax带提示的验证表单实例

★ Ajax+Asp源代码]读取数据库内容的表格(没有用框架)第1/2页

★ herf=#导致Ajax请求时没有向后台发送数据

★ Ajax获取到数据放入echarts里不显示的原因分析及解决办法