Ajax 实现树状菜单
东海陈光剑 20120815
Index.html
varxmlhttp;
varmenutype;
function go(m)
{
menutype=m;
xmlhttp=createXMLHttpRequest();//调用创建XMLHttpRequest对象的方法
xmlhttp.onreadystatechange=callback;//设置回调函数
xmlhttp.open("post","index.jsp");//向服务器端发送请求
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xmlhttp.send("obj="+menutype); //设置发送参数
}
function callback()
{
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
value=xmlhttp.responseText; //接受服务器端发送过来的信息
document.getElementById(menutype+"_submenu").innerHTML="";
document.getElementById(menutype+"_submenu").innerHTML=value;
if(document.getElementById(menutype+"_submenu").style.display=="none")
{
document.getElementById(menutype+"_submenu").style.display="block";
document.getElementById(menutype+"_bh").src="images/minus.gif";
}
else
{
document.getElementById(menutype+"_submenu").style.display="none";
document.getElementById(menutype+"_bh").src="images/plus.gif";
}
}
}
}
实现树状菜单
联想
|
三星
|
戴尔
|
