> 웹 프론트엔드 > JS 튜토리얼 > 최신 및 기존 브라우저 호환 방법을 사용하여 JavaScript에서 동적 XML 문자열을 어떻게 구문 분석할 수 있습니까?

최신 및 기존 브라우저 호환 방법을 사용하여 JavaScript에서 동적 XML 문자열을 어떻게 구문 분석할 수 있습니까?

DDD
풀어 주다: 2024-12-16 11:32:12
원래의
959명이 탐색했습니다.

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

JavaScript에서 동적 문자열의 XML 구문 분석

문제: 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 지원용)

Internet Explorer 버전과 같이 DOMParser를 사용할 수 없는 경우 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿