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>
<script language=”javascript”>
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>
<a onClick=”onShowSubMenu(‘大峽’)”>大峽</a>
,該頁面中提供了對(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’
相關(guān)JSP教程:
- jsp response.sendRedirect不跳轉(zhuǎn)的原因分析及解決
- JSP指令元素(page指令/include指令/taglib指令)復(fù)習(xí)整理
- JSP腳本元素和注釋復(fù)習(xí)總結(jié)示例
- JSP FusionCharts Free顯示圖表 具體實(shí)現(xiàn)
- 網(wǎng)頁模板:關(guān)于jsp頁面使用jstl的異常分析
- JSP頁面中文傳遞參數(shù)使用escape編碼
- 基于jsp:included的使用與jsp:param亂碼的解決方法
- Java Web項(xiàng)目中連接Access數(shù)據(jù)庫的配置方法
- JDBC連接Access數(shù)據(jù)庫的幾種方式介紹
- 網(wǎng)站圖片路徑的問題:絕對(duì)路徑/虛擬路徑
- (jsp/html)網(wǎng)頁上嵌入播放器(常用播放器代碼整理)
- jsp下顯示中文文件名及絕對(duì)路徑下的圖片解決方法
JSP教程Rss訂閱編程教程搜索
JSP教程推薦
- JSP初級(jí)教程之跟我學(xué)JSP(八)
- jsp中的數(shù)據(jù)庫編程
- JSP內(nèi)置對(duì)象:Request和Response的簡單介紹及使用
- Apache FileUpload的兩種上傳方式介紹及應(yīng)用
- 揭秘學(xué)習(xí)Java必須了解的30個(gè)基本概念
- 用JSP來實(shí)現(xiàn)文件下載功能的幾種方式
- Jsp頁面在URL中傳遞參數(shù)出現(xiàn)亂碼的解決方法
- 解析關(guān)于jsp和servlet中的亂碼問題
- JSP頁面中文傳遞參數(shù)使用escape編碼
- jsp簡單自定義標(biāo)簽的forEach遍歷及轉(zhuǎn)義字符
- 相關(guān)鏈接:
- 教程說明:
JSP教程-AJAX實(shí)現(xiàn)web頁面級(jí)聯(lián)菜單
。