AJAX XML

AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。XML（Extensible Markup Language）是一种标记语言，用于在网络上传输数据。在这一章节中，我们将学习如何使用AJAX来处理XML数据。

什么是XML？

XML是一种标记语言，类似于HTML，但更为灵活。XML的主要作用是存储和传输数据。XML文档由标签、属性和文本组成，可以自定义标签和属性，使得XML适用于各种不同的数据格式。

以下是一个简单的XML示例：

// www.javascriptcn.com code example
<bookstore>
  <book category="fiction">
    <title>Harry Potter</title>
    <author>J.K. Rowling</author>
  </book>
  <book category="non-fiction">
    <title>Thinking, Fast and Slow</title>
    <author>Daniel Kahneman</author>
  </book>
</bookstore>

在AJAX中，我们可以使用XML来传输和接收数据。

AJAX XML 请求

在AJAX中，我们可以使用XMLHttpRequest对象来发送和接收XML数据。以下是一个简单的AJAX XML请求示例：

// www.javascriptcn.com code example
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var xmlDoc = this.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 + " by " + author);
    }
  }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

在上面的示例中，我们创建了一个XMLHttpRequest对象，并使用GET方法请求一个名为"books.xml"的XML文件。一旦请求成功，我们就可以使用responseXML属性获取XML文档，并通过getElementsByTagName方法获取特定标签的数据。

AJAX XML 响应

当服务器返回XML数据时，我们可以使用responseXML属性获取XML文档，并通过DOM方法来处理XML数据。以下是一个简单的处理XML响应的示例：

var xmlDoc = xhttp.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 + " by " + author);
}

在上面的示例中，我们首先获取XML文档，然后通过getElementsByTagName方法获取所有的"book"标签，并遍历每个"book"标签获取其子元素的值。

通过学习本章节，你已经了解了如何使用AJAX处理XML数据。在接下来的章节中，我们将继续学习其他AJAX技术。