使用 JavaScript 解析 XML

我需要能够使用 JavaScript 解析 XML。XML 将在一个变量中。我不喜欢使用 jQuery 或其他框架。

我已经看过了，XML > jQuery 阅读。

363657 次浏览
小开

下面的代码可以在所有主流浏览器(包括 Internet Explorer 6)中将一个 XML 字符串解析为一个 XML 文档。一旦获得了这些信息，就可以使用常用的 DOM 遍历方法/属性(如 children Nodes 和 getElementsByTagName ())来获得所需的节点。

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);

Which I got from https://stackoverflow.com/a/8412989/1232175.

小开
最佳答案

我从您的 最后一个问题(在此之前20分钟被问到)猜测，您正试图解析(读取和转换)通过使用 GeoNames 的 FindNearestAddress 找到的 XML。

如果您的 XML 在一个名为 txt的字符串变量中，并且看起来像这样:

<address>
<street>Roble Ave</street>
<mtfcc>S1400</mtfcc>
<streetNumber>649</streetNumber>
<lat>37.45127</lat>
<lng>-122.18032</lng>
<distance>0.04</distance>
<postalcode>94025</postalcode>
<placename>Menlo Park</placename>
<adminCode2>081</adminCode2>
<adminName2>San Mateo</adminName2>
<adminCode1>CA</adminCode1>
<adminName1>California</adminName1>
<countryCode>US</countryCode>
</address>

然后您可以像下面这样使用 Javascript DOM 解析 XML:

if (window.DOMParser)
{
parser = new DOMParser();
xmlDoc = parser.parseFromString(txt, "text/xml");
}
else // Internet Explorer
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.loadXML(txt);
}

And get specific values from the nodes like this:

//Gets house address number
xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue;


//Gets Street name
xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue;


//Gets Postal Code
xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue;

JSFiddle

2019年2月编辑:

为了响应@gageeverante 对带有命名空间前缀的 xml 的关注。 Should you have a need to parse xml with Namespace prefixes, everything should work almost identically:

注意: 这只适用于支持 xml 命名空间前缀(如 MicrosoftEdge)的浏览器

// XML with namespace prefixes 's', 'sn', and 'p' in a variable called txt
txt = `
<address xmlns:p='example.com/postal' xmlns:s='example.com/street' xmlns:sn='example.com/streetNum'>
<s:street>Roble Ave</s:street>
<sn:streetNumber>649</sn:streetNumber>
<p:postalcode>94025</p:postalcode>
</address>`;


//Everything else the same
if (window.DOMParser)
{
parser = new DOMParser();
xmlDoc = parser.parseFromString(txt, "text/xml");
}
else // Internet Explorer
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.loadXML(txt);
}


//The prefix should not be included when you request the xml namespace
//Gets "streetNumber" (note there is no prefix of "sn"
console.log(xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue);


//Gets Street name
console.log(xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue);


//Gets Postal Code
console.log(xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue);


提交答案