|
3.用ASP來創(chuàng)建XML文檔
為了動態(tài)顯示的需要，就要用到動態(tài)網(wǎng)頁了，我用的是ASP。
CODE:
<%
' 修改頭標識指明這是一個XML文檔
Response.ContentType="text/xml"
' ......
strXML="<?xml versin=""1.0"" encoding=""utf-8""?>"
' 這里就按XML的要求來輸出數(shù)據(jù)庫里的內(nèi)容了
strXML=strXML&"....."
' ......
Response.Write(strXML)
%>
4.處理XML文檔
在獲取了XML文檔之后，就要從中獲取需要的東西了，假如我從服務(wù)獲取了下面的XML文檔：
CODE:
<?xml version="1.0" encoding="gb2312"?>
<root>
<item>
<title>AJAX Study</title>
<content>Study AJAX</content>
</item>
</root>
我要的是title及content的內(nèi)容，那么可以像下面這樣做：
CODE:
function DoMyXML() {
var xmlDoc,items,title,content;
// 先從XMLHttpRequest對象中得到XML文檔
xmlDoc=xmlObj.responseXML;
// 再得到items
items=xmlDoc.getElementsByTagName("item");
// 最后根據(jù)TagName來獲取想要的內(nèi)容
// 如果XML文檔里有多個item，可以用數(shù)組的下標來表示第幾個
title=items[0].getElementsByTagName("title")[0].firstChild.data;
content=items[0].getElementsByTagName("content")[0].firstChild.data;
}
好了，現(xiàn)在已經(jīng)得到我想要的東西，可以把它們顯示出來了。
5.輸出處理結(jié)果
先假定有一個如下的HTML文檔用來顯示想要輸出的內(nèi)容：
CODE:
<html>
<head>
<title>AJAX Study</title>
</head>
<body>
<div id="mydisplay"></div>
</body>
</html>
這里定義了一個ID為mydisplay的DIV容器用來顯示輸出內(nèi)容，好了，再轉(zhuǎn)到JS：
CODE:
//...接DoMyXML;
//content=items[0].....;
var strHTML;
// 先組織好要顯示的內(nèi)容
strHTML="Item title: " + title + "<br />Item content: " + content;
// 獲取目標容器，再設(shè)置它的innerHTML為要顯示的內(nèi)容
document.getElementById("mydisplay").innerHTML=strHTML;
好了，這些差不多是編寫AJAX程序的基礎(chǔ)，具體用就看個人發(fā)揮了，當然AJAX并不只這些，更多可以參考相關(guān)資料。
經(jīng)典論壇討論：
http://bbs.blueidea.com/viewthread.php?tid=2659062
出處：藍色理想
責任編輯：moby
上一頁 AJAX初體驗之上手篇 [1] 下一頁
◎進入論壇網(wǎng)絡(luò)編程版塊參加討論
|
第 1 頁 
第 2 頁 AJAX初體驗之上手篇 [2]
