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

学习笔记:

一、 解析XML文档:

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

javascript 复制代码
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

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

  1. 最佳实践是使用现代的 Fetch API 来异步加载 XML 文件,并使用 DOMParser 对象来解析 XML 数据。这种方法更加简洁、灵活,并且更符合现代 Web 开发的标准。
javascript 复制代码
// 指定要加载的 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);
  });
  1. 使用 ActiveXObject 对象,通过微软解析器来加载xml (仅限于IE浏览器)
javascript 复制代码
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浏览器,尽量不使用。

二、 解析字符串

javascript 复制代码
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() 用于加载文件。

相关推荐
YoungUpUp26 分钟前
【文件快速搜索神器Everything】实用工具强推——文件快速搜索神器Everything详细图文下载安装教程 办公学习必备软件
学习·everything·文件搜索·实用办公软件·everything 工具·文件快速搜索·搜索神器
RaLi和夕33 分钟前
单片机学习笔记.C51存储器类型含义及用法
笔记·单片机·学习
武文斌771 小时前
ARM工作模式、汇编学习
汇编·嵌入式硬件·学习·arm
lingggggaaaa1 小时前
小迪安全v2023学习笔记(八十讲)—— 中间件安全&WPS分析&Weblogic&Jenkins&Jetty&CVE
笔记·学习·安全·web安全·网络安全·中间件·wps
Jayyih2 小时前
嵌入式系统学习Day36(简单的网页制作)
学习·算法
zheshiyangyang3 小时前
TypeScript学习【一】
javascript·学习·typescript
T1an-14 小时前
Axum web框架【实习】
学习·rust
知识分享小能手4 小时前
React学习教程,从入门到精通, React 新创建组件语法知识点及案例代码(11)
前端·javascript·学习·react.js·架构·前端框架·react
@小红花5 小时前
从0到1学习Vue框架Day03
前端·javascript·vue.js·学习·ecmascript
mysla6 小时前
嵌入式学习day45-硬件—汇编
汇编·学习