03 XML 解析_oxml03-CSDN博客

本文链接：https://blog.csdn.net/qq_43567345/article/details/105454755

03 XML 解析

一、解析 XML

xmlhttp=new XMLHttpRequest();

xmlhttp.open("GET","note.xml",false);
xmlhttp.send();

/*
*这里我们就获得了 xml 文档的对象，
*可以通过 `xmlDoc` 操纵 `note.xml`。如获取值
*/
xmlDoc=xmlhttp.responseXML;

二、解析 XML 字符串

var xmlStr= 
    "<note> " +
    "<to>Tove</to> " +
    "<from>Jani</from> " +
    "<heading>Reminder</heading> " +
    "<body>Don't forget me this weekend!</body> " +
    "</note>"


parser=new DOMParser();

/*
*这里我们就获得了 xml 文档的对象，
*可以通过 `xmlDoc` 操纵 `note.xml`。如获取值
*/
xmlDoc=parser.parseFromString(xmlStr,"text/xml");

三、XML DOM

 <script type="text/javascript">
        window.onload = function () {
            var xmlStr=
                "<note id='n1'> " +
                "<to>Tove</to> " +
                "<from>Jani</from> " +
                "<heading>Reminder</heading> " +
                "<body>Don't forget me this weekend!</body> " +
                "</note>"

            parser=new DOMParser();
            xmlDoc=parser.parseFromString(xmlStr,"text/xml");

            //得到 note 标签的 id 属性值
            var noteID = xmlDoc.getElementsByTagName("note")[0].id
            //得到 to 标签的 文本元素 的值
            var to = xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue
            //得到 from 标签的 文本元素 的值
            var from = xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue

            var writeStr = " note_id : " + noteID + "<br/>to : " + to + "<br/>from : " + from
            document.write(writeStr)
        }


    </script>