p: AJAX (Asynchronous JavaScript and XML) 是一种用于在网页上异步请求数据的技术。它可以在网页加载的同时，向服务器发送异步请求，并且在不刷新整个页面的情况下，将服务器返回的数据动态地显示在网页上。其中，使用 AJAX 获取 XML 数据是一种常见的应用场景。本文将介绍如何使用 AJAX 的 GET 方法获取 XML 数据，并给出一些示例来说明。 p: 在使用 AJAX 的 GET 方法获取 XML 数据之前，我们首先需要了解 XML（eXtensible Markup Language）的基本概念。XML 是一种用于存储和传输数据的标记语言，它由一系列的标签和数据组成。可以将其类比为 HTML，但是 XML 更加灵活，可以自定义标签和属性。下面是一个简单的 XML 示例： pre: ```xmlDave Crane, et al.2005``` p: 假设我们想要通过 AJAX 获取这个 XML 数据，并将其展示在网页上。首先，我们需要创建一个 XMLHttpRequest 对象来发送异步请求。然后，我们使用该对象的 open 方法指定请求的地址和方式（这里是 GET 方法）。最后，我们使用该对象的 send 方法发送请求。 pre: ```javascript var xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", "books.xml", true); xmlhttp.send(); ``` p: 接下来，我们需要通过监听 XMLHttpRequest 对象的 readyState 和 status 属性的变化来判断请求的状态。当 readyState 的值变为 4 且 status 的值为 200 时，表示请求已成功完成。此时，我们可以通过访问 XMLHttpRequest 对象的 responseXML 属性来获取服务器返回的 XML 数据。 pre: ```javascript xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var xmlDoc = xmlhttp.responseXML; var title = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue; var author = xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue; var year = xmlDoc.getElementsByTagName("year")[0].childNodes[0].nodeValue; document.getElementById("bookInfo").innerHTML = "Title: " + title + "
Author: " + author + "
Year: " + year; } }; ``` p: 在上面的代码中，我们通过使用 getElementsByTagName 方法来获取特定标签的元素，然后使用 childNodes[0].nodeValue 来获取元素的文本内容。接着，我们将获取到的数据展示在 id 为 bookInfo 的元素上。 p: 值得注意的是，在使用 getElementsByTagName 方法时，要注意 XML 数据的层次结构。比如，在上面的示例中，我们可以通过使用 getElementsByTagName("book") 来获取整个 book 节点的信息，然后再通过遍历其子节点来获取具体的数据。 p: 下面是一个完整的例子，用于展示如何通过 AJAX 获取 XML 数据并将其显示在网页上： pre: ```html

Book Information: