>  기사  >  웹 프론트엔드  >  JavaScript는 XML을 가져오고 구문 분석합니다.

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

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

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.


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.