如何使用现代和传统浏览器兼容的方法解析 JavaScript 中的动态 XML 字符串？-js教程-PHP中文网

如何使用现代和传统浏览器兼容的方法解析 JavaScript 中的动态 XML 字符串？

DDD

发布： 2024-12-16 11:32:12

原创

957 人浏览过

How Can I Parse Dynamic XML Strings in JavaScript Using Modern and Legacy Browser Compatible Methods?

JavaScript 中动态字符串的 XML 解析

问题： 使用 XML 数据通常涉及从动态源将其作为字符串检索。我们如何使用与现代浏览器兼容的 JavaScript 代码来有效地解析和操作这些 XML 数据？

解决方案：

DOMParser 方法

对于浏览器支持DOMParser接口，以下函数提供了简单的XML解析机制：

function parseXml(xmlStr) {
  return new window.DOMParser().parseFromString(xmlStr, "text/xml");
}

登录后复制

用法示例：

var xml = parseXml('<foo>Stuff</foo>');
console.log(xml.documentElement.nodeName); // Outputs: "foo"

登录后复制

ActiveXObject（用于旧版 IE 支持）

在 DOMParser 不可用的情况下，例如在 Internet Explorer 版本更高的情况下到 8，以下代码片段提供了一个后备使用ActiveXObject：

var parseXml;

if (typeof window.DOMParser != "undefined") {
  parseXml = function(xmlStr) {
    return new window.DOMParser().parseFromString(xmlStr, "text/xml");
  };
} else if (typeof window.ActiveXObject != "undefined" && new window.ActiveXObject("Microsoft.XMLDOM")) {
  parseXml = function(xmlStr) {
    var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async = "false";
    xmlDoc.loadXML(xmlStr);
    return xmlDoc;
  };
} else {
  throw new Error("No XML parser found");
}

登录后复制

jQuery 兼容性

jQuery 版本 1.5 及更高版本包含一个方便的 $.parseXML() 方法，提供类似的功能：

var xml = $.parseXML('<foo>Stuff</foo>');
console.log(xml.documentElement.nodeName); // Outputs: "foo"

登录后复制

以上是如何使用现代和传统浏览器兼容的方法解析 JavaScript 中的动态 XML 字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！