📄 sample7_3.jsp
字号:
<%@ page contentType="text/html; charset=gb2312"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ch07--案例：处理级联的数据</title>
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script language="javascript" src="../AjaxCh05/ajax_func.js"></script>
<script language="javascript">
function doViewChapter() {
send_request("GET","../AjaxCh07/getBookes.jsp",null,"XML",populateChapter);
}
function populateChapter() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
//window.alert(http_request.responseText);
var doc = http_request.responseXML;
var root = doc.getElementsByTagName("book")[0];
var book_info = document.getElementById("book_info");
book_info.firstChild.childNodes[0].childNodes[1].innerHTML = root.getAttribute("title");
book_info.firstChild.childNodes[1].childNodes[1].innerHTML = root.getAttribute("author");
book_info.firstChild.childNodes[2].childNodes[1].innerHTML = root.getAttribute("publisher");
var chapteres = root.getElementsByTagName("chapter");
var chapterStr = "";
if(chapteres) {
for(var i=0;i<chapteres.length;i++) {
chapterStr += chapteres[i].getAttribute("name")+"<br>";
for(var j=0;j<chapteres[i].childNodes.length;j++) {
chapterStr += " " + chapteres[i].childNodes[j].firstChild.data + "<br>";
}
}
}
book_info.firstChild.childNodes[3].childNodes[1].innerHTML = chapterStr;
document.getElementById("panel").innerHTML = document.getElementById("chapteres").innerHTML;
document.getElementById("panel").style.display = "";
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
</script>
</head>
<body><center>
<p><a href="javascript:void(0)" onClick="doViewChapter()">目录</a> 译者序 作者序 前言 书皮 书评
<hr width="200">
</p>
<span id="panel" style="display:"></span>
<span id="chapteres" style="display:none">
<table width="400" border="0" cellpadding="4" cellspacing="1" bgcolor="#CCCCCC" id="book_info">
<tr bgcolor="#FFFFFF">
<td width="82">书名：</td>
<td width="302"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>作者：</td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>出版社：</td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td valign="top">章节</td>
<td> </td>
</tr>
</table>
</span>
</center>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -