?? sample2_1.jsp
字號:
<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>AJAX 級聯菜單</title>
<script language="javascript">
//Start：：：1111111111111111111111
function send_request(url,employee) {//初始化、指定處理函數、發送請求的函數
var http_request = false;
//1.開始初始化XMLHttpRequest對象
if(window.XMLHttpRequest) { //Mozilla 瀏覽器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//設置MiME類別
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE瀏覽器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 異常，創建對象實例失敗
window.alert("不能創建XMLHttpRequest對象實例.");
return false;
}
//2.等待處理，返回的信息
http_request.onreadystatechange = function() {
if (http_request.readyState == 4) { // 判斷對象狀態
if (http_request.status == 200) { // 信息已經成功返回，開始處理信息
//alert(http_request.responseText);
document.getElementById(employee).innerHTML = http_request.responseText;
} else { //頁面不正常
alert("您所請求的頁面有異常。");
}
}
}
//3.確定發送請求的方式和URL以及是否同步執行下段代碼
http_request.open("GET", url, true);
http_request.send(null);
}
//初始化頁面，并且返回將要轉向的目標頁面的url
function pageInit(employee){
//1.隱藏用戶端，沒有點擊的菜單選項。
if("manager"==employee){
document.getElementById("engineer").parentNode.style.display="none";
}else{
document.getElementById("manager").parentNode.style.display="none";
}
//2.被用戶端點擊的菜單選項，處于可見狀態
document.getElementById(employee).parentNode.style.display = "";
document.getElementById(employee).innerHTML = "正在讀取數據..."
//3.目標頁面的url
var url = "sample2_2.jsp?employee="+employee;
return url;
}
//biz logic。顯示部門下的崗位
function showRoles(employee) {
var url = pageInit(employee);
send_request(url,employee);
}
//End：：：1111111111111111111111
</script>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"><a href="javascript:void(0)" onClick="showRoles('manager')">經理室</a></td>
</tr>
<tr style="display:none">
<td height="20" id="manager"> </td>
</tr>
<tr>
<td height="20"><a href="javascript:void(0)" onClick="showRoles('engineer')">開發部</a></td>
</tr>
<tr style="display:none">
<td id="engineer" height="20"> </td>
</tr>
</table>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -