網(wǎng)絡(luò)編程教程模板無憂>建站教程>網(wǎng)絡(luò)編程>JSP教程>

AJAX實(shí)現(xiàn)web頁面級(jí)聯(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

本例中只要你選擇成員分類名稱就會(huì)自動(dòng)顯示成員名稱：

首先在eclipse中建一個(gè)項(xiàng)目，這里為Easyjf-menu，對(duì)應(yīng)的瀏覽器頁面代碼為：

Easyjf-menu.jsp

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

<head>

……..

</head>

var XMLHttpReq;

var currentSort;

//創(chuàng)建xmlhttprequset對(duì)象

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ā)送請(qǐng)求函數(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)建級(jí)聯(lián)菜單

function showSubMenu(obj){

currentSort=document.getElementById(obj);

currentSort.parentNode.style.display=””;

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

}

</script>

<b>EasyJF成員</b>

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

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