AJAX（Asynchronous JavaScript And XML）是一種通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換而不需要刷新整個頁面的技術(shù)。在Web應(yīng)用程序中，我們經(jīng)常需要從服務(wù)器獲取數(shù)據(jù)，而XML（可擴展標(biāo)記語言）是一種常用的數(shù)據(jù)格式。使用AJAX獲取XML數(shù)據(jù)，可以實現(xiàn)異步加載數(shù)據(jù)，提升用戶體驗。

通過AJAX獲取XML數(shù)據(jù)的過程如下：

1. 創(chuàng)建XMLHttpRequest對象

var xmlhttp;
if (window.XMLHttpRequest) {
// 適用于除了IE舊版本之外的其他主流瀏覽器
xmlhttp = new XMLHttpRequest();
} else {
// 兼容IE舊版本
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

2. 發(fā)送請求并接收響應(yīng)

xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 響應(yīng)成功
var xmlDoc = xmlhttp.responseXML;
// 對返回的XML數(shù)據(jù)進行處理
}
};
xmlhttp.open("GET", "data.xml", true);
xmlhttp.send();

例如，我們有一個名為data.xml的XML文件，內(nèi)容如下：

<books>
<book>
<title>JavaScript高級編程</title>
<author>Nicholas C. Zakas</author>
</book>
<book>
<title>CSS禪意花園</title>
<author>Dave Shea, Molly E. Holzschlag</author>
</book>
</books>

我們使用AJAX從服務(wù)器獲取這個XML文件的數(shù)據(jù)：

xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var xmlDoc = xmlhttp.responseXML;
var books = xmlDoc.getElementsByTagName("book");
for (var i = 0; i< books.length; i++) {
var title = books[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
var author = books[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;
console.log("書名：" + title + "，作者：" + author);
}
}
};
xmlhttp.open("GET", "data.xml", true);
xmlhttp.send();

上述代碼通過getElementsByTagName方法獲取XML中的book元素，然后通過getElementsByTagName方法獲取嵌套在book元素內(nèi)部的title和author元素，并通過childNodes獲取它們的文本值。最終，我們將書名和作者打印到控制臺。

通過AJAX獲取XML數(shù)據(jù)，我們可以靈活地處理服務(wù)器返回的數(shù)據(jù)，結(jié)合網(wǎng)頁的DOM操作，可以將數(shù)據(jù)動態(tài)地插入到網(wǎng)頁中，實現(xiàn)實時更新和交互效果。這對于構(gòu)建具有豐富內(nèi)容和交互功能的Web應(yīng)用程序非常有用。