JavaScript는 XML을 가져오고 구문 분석합니다.-JS 튜토리얼-php.cn

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

高洛峰

풀어 주다： 2016-11-28 15:21:34

원래의

1117명이 탐색했습니다.

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] - 첫 번째

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

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>

로그인 후 복사

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

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