집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript는 XML을 가져오고 구문 분석합니다.

JavaScript는 XML을 가져오고 구문 분석합니다.

高洛峰원래의: 2016-11-28 15:21:341130검색

XML은 웹 개발에서 일반적으로 데이터 전송을 위한 전달자로 널리 사용됩니다. 일반적으로 데이터가 프런트 엔드로 전달되면 사용하기 전에 JavaScript로 구문 분석해야 합니다. 따라서 JavaScript를 사용하여 XML을 구문 분석하는 것은 매우 일반적입니다.

에는 다음 XML 파일이 있습니다.

<?xml version="1.0" encoding="ISO-8859-1" ?> 
<note>
    <to>duncan</to> 
    <from>John</from> 
    <heading>Reminder</heading> 
    <body>Don&#39;t forget the meeting!</body> 
</note>

은

<html>
<head>
<script type="text/javascript">
function parseXML()
{
    try //Internet Explorer
    {
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    }
    catch(e)
    {
        try //Firefox, Mozilla, Opera, etc.
        {
            xmlDoc=document.implementation.createDocument("","",null);
        }
    catch(e)
    {
        alert(e.message);
        return;
    }
}
xmlDoc.async=false;
xmlDoc.load("note.xml");
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</head>
<body onload="parseXML()">
<h1>www.nowamagic.net</h1>
<p><b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>
</body>
</html>

xmlDoc.getElementsByTagName("to")[0] 방법을 사용하여 구문 분석할 수 있습니다. childNodes [0].nodeValue 이 코드를 이해하는 방법은 무엇입니까?

xmlDoc - 파서가 생성한 XML 문서입니다.

getElementsByTagName("to")[0] - 첫 번째 05034471df6398a62d5708f78b78e0ac

childNodes[0] - 05034471df6398a62d5708f78b78e0ac 요소의 첫 번째 하위 요소(텍스트 노드)입니다.

nodeValue - 노드의 값(텍스트 자체)입니다.

xml 파일이 다음과 같은 경우:

<?xml version="1.0" encoding="ISO-8859-1" ?> 
<note>
    <to>asdfsd
        <too>duncan1</too>    
    </to> 
    <too>duncan2</too>
    <from>John</from> 
    <heading>Reminder</heading> 
    <body>Don&#39;t forget the meeting!</body> 
</note>

첫 번째 77a74ca8c1d5e9a5096e217b38b998c4 읽기: xmlDoc.getElementsByTagName("to")[0].getElementsByTagName("t00")[0 ] .childNodes[0].nodeValue.

두 번째 77a74ca8c1d5e9a5096e217b38b998c4를 읽어보세요: xmlDoc.getElementsByTagName("too")[0].childNodes[0].nodeValue.

성명：

이전 기사：JavaScript 클로저 개념에 대한 이해 심화다음 기사：JavaScript 클로저 개념에 대한 이해 심화

JavaScript는 XML을 가져오고 구문 분석합니다.

관련 기사