DOM 구문 분석기를 사용하여 JavaScript에서 XML 데이터를 구문 분석하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

DOM 구문 분석기를 사용하여 JavaScript에서 XML 데이터를 구문 분석하는 방법은 무엇입니까?

Patricia Arquette

풀어 주다： 2024-12-05 11:59:15

원래의

700명이 탐색했습니다.

How to Parse XML Data in JavaScript Using the DOM Parser?

JavaScript를 사용하여 XML 구문 분석

JavaScript를 사용하여 XML을 구문 분석하려면 XML 데이터를 처리하기 위해 보다 관리하기 쉬운 형식으로 변환해야 합니다. 외부 프레임워크 없이 XML을 구문 분석하려면 대부분의 최신 브라우저에서 사용할 수 있는 DOM(문서 개체 모델)을 활용할 수 있습니다.

문자열 변수에 저장된 다음 XML을 고려하세요.

<address>
  <street>Roble Ave</street>
  <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>

로그인 후 복사

구문 분석하려면 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);
}

로그인 후 복사

XML이 구문 분석되면 다음에서 특정 값을 검색할 수 있습니다. 노드:

// Gets house address number
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);

로그인 후 복사

또한 XML에 네임스페이스 접두사가 포함된 경우 네임스페이스를 요청할 때 접두사를 포함해서는 안 됩니다.

// XML with Namespace prefixes
txt = `

  Roble Ave
  649
  94025
`;

// Parse with Namespace prefixes
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 "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);

로그인 후 복사

위 내용은 DOM 구문 분석기를 사용하여 JavaScript에서 XML 데이터를 구문 분석하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!