AJAX实现web页面级联菜单_JSP教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

推荐：Jsp数据库连结大全
一、jsp连接Oracle8/8i/9i数据库（用thin模式） testoracle.jsp如下： %@pagecontentType=text/html;charset=gb2312% %@pageimport=java.sql.*% html body %Class.forName(oracle.jdbc.driver.OracleDriver).newInstance(); Stringurl=jdbc:oracle:thi

本例中只要你选择成员分类名称就会自动显示成员名称：

首先在eclipse中建一个项目，这里为Easyjf-menu，对应的浏览器页面代码为：

Easyjf-menu.jsp

<@page contentType=”text/html;charser=UTF-8” language=”java”%>

<head>

……..

</head>

var XMLHttpReq;

var currentSort;

//创建xmlhttprequset对象

function createXMLHttpRequest(){

if(window.XMLHttpRequest){

XMLHttpReq=new XMLHttpRequest();

}

else if (window.ActiveXObject){

try{

XMlHttpReq=new ActiveXObject(“Msxml2.XMLHTTP”);

}catch(e){}

try{

XMLHttpRequest=new ActiveXObject(“Microsoft.XMLHTTP”);

}catch(e){}

}

//发送请求函数

function sendRequest(url){

createXMLHttpRequest();

XMLHttpReq.open(“GET”,url,true);

XMLHttpReq.onreadystatechange=processResponse;

XMLHttpReq.send(null);

}

//处理返回信息函数

function processResponse(){

if(XMLHttpRequest.readyState==4){

if(XMLHttpRequest.status==200){

updateMenu();

}else

}

//更新菜单函数

function updateMenu(){

var res=XMLHttpReq.responseXML.getElementIdByTagName(“res”);

var sunMenu=””;

for(var i=0;i<res.length;i++){

submenu=subMenu+res[1].fistChild.data+”<br>”;

}

currentSort.innerHTML=submenu;

}

//创建级联菜单

function showSubMenu(obj){

currentSort=document.getElementById(obj);

currentSort.parentNode.style.display=””;

sendRequest(“menu?sort=”+obj);

}

</script>

<b>EasyJF成员</b>

,该页面中提供了对应的菜单以供用户选择，用户选择菜单后，调用showSubMenu(‘XXX’)函数，其中参数用于传递用户所选菜单的标识信息到服务器以决定获取服务器的哪个在菜单内容，首先获得菜单的识别信息，再提交给Ajax,这里用innerHTML属性实现定位显示！

分享：Jsp页面在URL中传递参数出现乱码的解决方法
解决方法：一、使用更改Tomcat的方法。这个方法简单，但是需要改动的地方是服务器软件级别的，如果稍微变动系统将无法正确转码，移植性不高。 1、来到tomcat目录，找到conf目录下的server.xml问价，打开，找到Connector标签，在最后添加URIEncoding=’GBK’