JavaScript高级程序设计 阅读笔记（二十一） JavaScript中的XML

下面是JavaScript高级程序设计中的XML阅读笔记攻略：

什么是XML

XML（eXtensible Markup Language），是一种标记语言，用于描述数据的结构，目的是通过简单、易读、人类可读的形式传递信息。

XML文档的结构由标签和内容组成，标签表示文档元素的开始和结束，每个标签可以有任意数量的属性，属性又由属性名和属性值组成。

如何使用XML

常用的JavaScript处理XML的方式有以下几种：

XMLHttpRequest

XMLHttpRequest是一个浏览器提供的对象，可以用于通过AJAX异步请求数据。

示例：

const xhr = new XMLHttpRequest();
xhr.onload = function() {
  if (xhr.status === 200) {
    const xmlData = xhr.responseXML;
    console.log(xmlData);
  }
}
xhr.open("GET", "example.xml", true);
xhr.send();

DOM方式

通过DOM的方式解析XML文档，将文档解析为一个DOM树，然后通过访问树节点来获取数据。

示例：

// 假设有一个XML文件
// <books>
//   <book category="web">
//     <title>JavaScript 高级程序设计</title>
//     <author>李姝洁</author>
//     <year>2022</year>
//   </book>
// </books>

const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    const xmlDoc = this.responseXML;
    const books = xmlDoc.getElementsByTagName("book");
    for (let i = 0; i < books.length; i++) {
      const category = books[i].getAttribute("category");
      const title = books[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
      const author = books[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;
      const year = books[i].getElementsByTagName("year")[0].childNodes[0].nodeValue;
      console.log("Category: " + category + ", Title: " + title + ", Author: " + author + ", Year: " + year);
    }
  }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

跨浏览器XML解析

由于不同浏览器对XML解析的支持不同，可以使用以下函数进行跨浏览器XML解析：

function loadXMLDoc(dname) {
  if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
  } else {
    xhttp = new ActiveXObject('Microsoft.XMLHTTP');
  }
  xhttp.open('GET', dname, false);
  xhttp.send();
  return xhttp.responseXML;
}
const xmlDoc = loadXMLDoc('books.xml');
const books = xmlDoc.getElementsByTagName("book");
// ...

总结

通过XML，我们可以将数据以结构化的方式组织起来，并在JavaScript中方便的获取和处理。可以通过原生的XHR对象、DOM方式或跨浏览器XML解析来处理XML。

以上就是JavaScript高级程序设计中的XML阅读笔记攻略，希望能够帮助你更好的了解和使用XML。