是否有任何跨浏览器/跨平台的方式来解析 Javascript 中的 XML 文件?
跨浏览器 Javascript XML 解析
IT技术
javascript
xml
cross-browser
cross-platform
2021-01-30 04:33:58
3个回答
以下内容适用于所有主要浏览器,包括 IE 6:
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");
}
用法示例:
var xml = parseXml("<foo>Stuff</foo>");
alert(xml.documentElement.nodeName);
现场演示:
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");
}
var xml = parseXml("<foo>Stuff</foo>");
document.body.innerHTML = "Root element: " + xml.documentElement.nodeName;
考虑使用jQuery.parseXML。
请注意,旧的 JQuery 代码(2.x 之前)与接受的答案中提出的代码基本相同,可以在http://code.jquery.com/jquery-1.9.1.js 中找到,部分版本如下:
// Cross-browser xml parsing
parseXML: function( data ) {
...
try {
if ( window.DOMParser ) { // Standard
tmp = new DOMParser();
xml = tmp.parseFromString( data , "text/xml" );
} else { // IE
xml = new ActiveXObject( "Microsoft.XMLDOM" );
xml.async = "false";
xml.loadXML( data );
}
} catch( e ) {
xml = undefined;
}
...
}
启动 JQuery 2.x 代码更改为跳过 ActiveX 分支,如果您仍然需要它 - 使用旧版本的 JQuery 或内联 ActiveX 解析。来自http://code.jquery.com/jquery-2.0.0.js 的部分代码:
// Cross-browser xml parsing
parseXML: function( data ) {
var xml, tmp;
.....
// Support: IE9
try {
tmp = new DOMParser();
xml = tmp.parseFromString( data , "text/xml" );
} catch ( e ) {
xml = undefined;
}
.....
},
如果您需要解析可能无法完全保存在内存中的大型 XML 文档,请考虑使用像这样的 SAX 样式解析器:https : //github.com/isaacs/sax-js/