JavaScript를 사용하여 XML 구문 분석

JavaScript를 사용하여 XML 구문 분석 [중복]

---

이 질문에 이미 답변이 있습니다.

• 크로스 브라우저 Javascript XML 구문 분석 3 답변

JavaScript를 사용하여 XML을 구문 분석 할 수 있어야합니다. XML은 변수에 있습니다. jQuery 또는 다른 프레임 워크를 사용하지 않는 것이 좋습니다.

나는 이것을 보았다, XML> jQuery reading .

---

나는 당신이 GeoNames의 FindNearestAddress를 사용하여 찾은 XML을 파싱 (읽고 변환)하려고 시도하고 있다는 것을 20 분 전에 질문 한 당신의 마지막 질문 에서 추측하고 있습니다 .

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

다음과 같은 노드에서 특정 값을 가져옵니다.

//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 월 편집 :

네임 스페이스 접두사가있는 xml에 대한 @gaugeinvariante의 우려에 대한 응답입니다. 네임 스페이스 접두사가있는 xml을 구문 분석해야하는 경우 모든 것이 거의 동일하게 작동합니다.

참고 : 이는 Microsoft Edge와 같은 xml 네임 스페이스 접두사를 지원하는 브라우저에서만 작동합니다.

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

---

다음은 Internet Explorer 6을 포함한 모든 주요 브라우저에서 XML 문자열을 XML 문서로 구문 분석합니다.이 경우 childNodes 및 getElementsByTagName ()과 같은 일반적인 DOM 탐색 메서드 / 속성을 사용하여 원하는 노드를 가져올 수 있습니다.

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

https://stackoverflow.com/a/8412989/1232175 에서 얻었습니다 .

참고 URL : https://stackoverflow.com/questions/17604071/parse-xml-using-javascript