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’