XML语言的学习记录3-解析-CSDN博客

本文链接：https://blog.csdn.net/hua_chi/article/details/136746752

学习笔记：

一、解析XML文档：

1.使用 XMLHttpRequest 对象，将xml文档放入XML DOM对象中：

xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

这种方法适用于除IE5、IE6之外的任何场景。

2. 最佳实践是使用现代的 Fetch API 来异步加载 XML 文件，并使用 DOMParser 对象来解析 XML 数据。这种方法更加简洁、灵活，并且更符合现代 Web 开发的标准。

// 指定要加载的 XML 文件路径
var url = "note.xml";

// 使用 Fetch API 异步加载 XML 文件
fetch(url)
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.text();
  })
  .then(xmlString => {
    // 创建一个新的 DOMParser 对象
    var parser = new DOMParser();
    
    // 使用 DOMParser 对象解析 XML 数据
    var xmlDoc = parser.parseFromString(xmlString, "text/xml");
    
    // 在这里可以处理解析后的 xmlDoc 对象
    console.log(xmlDoc);
  })
  .catch(error => {
    console.error('There was a problem with the fetch operation:', error);
  });

3. 使用 ActiveXObject 对象，通过微软解析器来加载xml （仅限于IE浏览器）

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("note.xml");

创建空的XML文档对象，关闭异步加载，加载note.xml文档。

注意：创建XMLHttpRequest 对象是new ActiveXObject("Microsoft.XMLHTTP")，这个写法仅适用于IE5、IE6场景，已经过时，不再关注；

而创建微软的xml文档对象是new ActiveXObject("Microsoft.XMLDOM")，这个是在所有IE浏览器中都可以使用的，但是使用场景也不大，仅限于IE浏览器，尽量不使用。

二、解析字符串

var xmlString = `
<note>
  <to>Tove</to>
  <from>Jani</from>
  <heading>Reminder</heading>
  <body>Don't forget me this weekend!</body>
</note>`;

if (window.DOMParser) {
  var parser = new DOMParser();
  try {
    // 使用DOMParser对象解析XML字符串
    var xmlDoc = parser.parseFromString(xmlString, "text/xml");

    // 检查解析后的XML文档是否有效
    if (xmlDoc.documentElement.nodeName == "parsererror") {
      throw new Error("Error while parsing XML string");
    }

    // 在这里可以处理解析后的xmlDoc对象
    console.log(xmlDoc);
  } catch (error) {
    console.error("Error loading XML string:", error);
  }
}
else // IE，实际使用中不用
{
  var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = "false";
  xmlDoc.loadXML(xmlString);
}

loadXML() 方法用于加载字符串（文本），load() 用于加载文件。