AJAX實現(xiàn)web頁面級聯(lián)菜單_JSP教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：Jsp數(shù)據(jù)庫連結(jié)大全
一、jsp連接Oracle8/8i/9i數(shù)據(jù)庫（用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，對應(yīng)的瀏覽器頁面代碼為：

Easyjf-menu.jsp

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

<head>

……..

</head>

var XMLHttpReq;

var currentSort;

//創(chuàng)建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){}

}

//發(fā)送請求函數(shù)

function sendRequest(url){

createXMLHttpRequest();

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

XMLHttpReq.onreadystatechange=processResponse;

XMLHttpReq.send(null);

}

//處理返回信息函數(shù)

function processResponse(){

if(XMLHttpRequest.readyState==4){

if(XMLHttpRequest.status==200){

updateMenu();

}else

}

//更新菜單函數(shù)

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;

}

//創(chuàng)建級聯(lián)菜單

function showSubMenu(obj){

currentSort=document.getElementById(obj);

currentSort.parentNode.style.display=””;

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

}

</script>

<b>EasyJF成員</b>

,該頁面中提供了對應(yīng)的菜單以供用戶選擇，用戶選擇菜單后，調(diào)用showSubMenu(‘XXX’)函數(shù)，其中參數(shù)用于傳遞用戶所選菜單的標(biāo)識信息到服務(wù)器以決定獲取服務(wù)器的哪個在菜單內(nèi)容，首先獲得菜單的識別信息，再提交給Ajax,這里用innerHTML屬性實現(xiàn)定位顯示！

分享：Jsp頁面在URL中傳遞參數(shù)出現(xiàn)亂碼的解決方法
解決方法：一、使用更改Tomcat的方法。這個方法簡單，但是需要改動的地方是服務(wù)器軟件級別的，如果稍微變動系統(tǒng)將無法正確轉(zhuǎn)碼，移植性不高。 1、來到tomcat目錄，找到conf目錄下的server.xml問價，打開，找到Connector標(biāo)簽，在最后添加URIEncoding=’GBK’