javascript 读取xml,写入xml 实现代码

关于JavaScript读取和写入XML的实现，我们可以采用以下几个步骤：

1. 定义XML文件

首先，我们需要定义一个XML文件。假设我们要处理的XML文件如下：

<?xml version="1.0"?>
<books>
  <book>
    <title>A Song of Ice and Fire</title>
    <author>George R.R. Martin</author>
  </book>
  <book>
    <title>The Lord of the Rings</title>
    <author>J.R.R. Tolkien</author>
  </book>
</books>

1. 读取XML文件

我们可以使用XMLHttpRequest对象来读取XML文件。以下是读取XML文件并将其打印到控制台中的示例代码：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.responseText);
  }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

上述代码中，我们首先创建了一个XMLHttpRequest对象，并定义了一个回调函数来处理服务器响应。如果响应状态为200（成功），则打印响应文本内容到控制台中。

1. 解析XML文件

在读取XML文件之后，我们需要解析它以便于后续处理。可以使用DOMParser对象来解析XML文件。以下是将读取的XML文件解析为DOM对象的示例代码：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var xmlDoc = new DOMParser().parseFromString(this.responseText, "text/xml");
    console.log(xmlDoc);
  }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

在上述代码中，我们将服务器响应的文本内容通过DOMParser的parseFromString方法解析为DOM对象，并打印到控制台中。

1. 读取XML数据

读取XML数据的方法有很多种，例如使用getElementsByTagName方法获取指定标签名称的所有节点。以下是获取所有book节点的示例代码：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var xmlDoc = new DOMParser().parseFromString(this.responseText, "text/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;
      console.log("Title: " + title + ", Author: " + author);
    }
  }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

在上述代码中，我们获取了所有的book节点，并循环遍历每个节点，获取其中的title和author信息，并打印到控制台中。

1. 写入XML数据

要写入XML数据，我们需要创建一个XML文档对象并使用相关的DOM API方法添加节点和属性。以下是创建一个包含两个book节点的XML文档对象的示例代码：

var xmlDoc = document.implementation.createDocument("", "", null);
var books = xmlDoc.createElement("books");
xmlDoc.appendChild(books);

var book1 = xmlDoc.createElement("book");
var title1 = xmlDoc.createElement("title");
title1.appendChild(xmlDoc.createTextNode("A Song of Ice and Fire"));
var author1 = xmlDoc.createElement("author");
author1.appendChild(xmlDoc.createTextNode("George R.R. Martin"));
book1.appendChild(title1);
book1.appendChild(author1);
books.appendChild(book1);

var book2 = xmlDoc.createElement("book");
var title2 = xmlDoc.createElement("title");
title2.appendChild(xmlDoc.createTextNode("The Lord of the Rings"));
var author2 = xmlDoc.createElement("author");
author2.appendChild(xmlDoc.createTextNode("J.R.R. Tolkien"));
book2.appendChild(title2);
book2.appendChild(author2);
books.appendChild(book2);

console.log(xmlDoc);

在上述代码中，我们首先使用document.implementation.createDocument方法创建了一个空的XML文档对象。然后，我们创建一个books节点，并将其作为根节点添加到XML文档中。接下来，我们创建两个book节点，并添加它们的title和author信息。最后，我们将它们作为子节点添加到books节点中，并打印XML文档对象到控制台中。

以上就是JavaScript读取和写入XML的完整攻略。