js与xml的关系|极客笔记

js与xml的关系

1. 什么是XML

XML全称为可扩展标记语言（Extensible Markup Language），是一种标记语言，用于定义文档的结构和内容。XML被设计为具有自我描述性，易于阅读和理解。它使用标签来表示数据的结构和内容，类似于HTML，但更为灵活和通用。

XML的基本语法规则包括：

所有的XML文档必须包含一个根元素
所有的标签必须成对出现，有开始标签和结束标签
标签可以包含属性
标签大小写敏感

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

<?xml version="1.0"?>
<bookstore>
  <book category="fiction">
    <title>Harry Potter</title>
    <author>J.K. Rowling</author>
    <price>20.00</price>
  </book>
  <book category="non-fiction">
    <title>Bill Gates Biography</title>
    <author>Michael Williams</author>
    <price>25.00</price>
  </book>
</bookstore>

2. JavaScript操作XML

JavaScript可以通过浏览器的DOM(Document Object Model)来操作XML文档。通过DOM，JavaScript可以访问XML的元素、属性和内容，并进行增删改查等操作。

2.1 创建XMLHttpRequest对象

在JavaScript中，我们可以使用XMLHttpRequest对象来发送HTTP请求，从服务器获取XML文档。下面是一个创建XMLHttpRequest对象的示例代码：

var xhttp = new XMLHttpRequest();

2.2 加载XML文档

使用XMLHttpRequest对象加载XML文档，可以通过open()和send()方法来实现。如下所示：

xhttp.open("GET", "books.xml", true);
xhttp.send();

2.3 解析XML文档

一旦XML文档加载完成，可以使用responseXML属性获取XML文档对象，并对其进行解析。

xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var xmlDoc = this.responseXML;
        // 对XML文档进行操作
    }
};

2.4 访问XML元素

一旦获取到XML文档对象，就可以使用DOM方法来访问XML元素。比如通过标签名获取元素：

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;
    var price = books[i].getElementsByTagName("price")[0].childNodes[0].nodeValue;
    console.log(title, author, price);
}

3. 示例代码运行结果

运行以上示例代码，假设有一个包含书籍信息的XML文件books.xml，内容如下：

<?xml version="1.0"?>
<bookstore>
  <book category="fiction">
    <title>Harry Potter</title>
    <author>J.K. Rowling</author>
    <price>20.00</price>
  </book>
  <book category="non-fiction">
    <title>Bill Gates Biography</title>
    <author>Michael Williams</author>
    <price>25.00</price>
  </book>
</bookstore>

输出将显示：

Harry Potter J.K. Rowling 20.00
Bill Gates Biography Michael Williams 25.00

js与xml的关系