XML入門教程:XML 解析器_Xml教程
推薦:XML 中的常見問題(一)一般問題 什么是 XML? 可擴展標記語言 (XML) 是 Web 上的數據通用語言。它使開發人員能夠將結構化數據,從許多不同的應用程序傳遞到桌面,進行本地計算和演示。XML 允許為特定應用程序創建
如需讀取、更新、創建或者操作某個XML文檔,則需要XML解析器。
實例
解析XML文件 - 跨瀏覽器的實例
本例是一個跨瀏覽器的實例,把某個XML文檔("note.xml")載入XML解析器。
以下為引用的內容: <html> <body> <script type="text/vbscript"> set xmlDoc=CreateObject("Microsoft.XMLDOM") xmlDoc.async="false" xmlDoc.load("/example/xmle/xmle_xml_note.xml") document.write("<h1>Traversing the XML nodes</h1>") for each x in xmlDoc.documentElement.childNodes document.write("<b>" & x.nodename & "</b>") document.write(": ") document.write(x.text) document.write("<br><br>") next </script> </body> </html> |
解析XML字符串 - 跨瀏覽器的實例
本例是一個跨瀏覽器的實例,展示如何載入并解析某個XML字符串。
以下為引用的內容: <html> <body> <script type="text/javascript"> var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") xmlDoc.async="false" xmlDoc.load("/example/xmle/xmle_xml_note.xml") document.write ("The first XML element in the file contains: ") document.write (xmlDoc.documentElement.childNodes.item(0).text) </script> </body> </html> |
解析一個XML文檔
如需操作某個XML文檔,您需要XML解析器。解析器會將文檔載入電腦的內存中。一旦文檔被載入,可使用DOM對其數據進行操作。DOM把XML作為一顆樹來處理。
微軟的XML解析器與Mozilla瀏覽器中使用的解析器是有差異的。在本教程中,我們會為您展示如何創建可工作于IE和Mozilla瀏覽器中的跨瀏覽器腳本。
微軟的XML解析器
微軟的XML解析器是存在于IE 5.0或更高版本中的COM組件。一旦你安裝了IE,就可使用腳本來利用解析器了。
微軟的XML解析器支持所有必要的功能,來遍歷節點樹,訪問節點以及它們的屬性值,插入并刪除節點,并將節點數轉換回XML。
如需創建微軟XML解析器的一個實例,請使用下面的代碼:
以下為引用的內容: JavaScript: var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); |
上面的腳本的第一行創建了XML解析器的一個實例。第二行關閉了同步載入,這樣可以確保在文檔被完全載入前解析器不會繼續執行。第三行會告知解析器載入名為"note.xml"的XML的文檔。
Mozilla、Firefox以及Opera中的XML解析器
Mozilla瀏覽器的XML解析器支持所有必要的功能,來遍歷節點樹,訪問節點以及它們的屬性值,插入并刪除節點,并將節點樹轉換回XML。
如需創建Mozilla瀏覽器的XML解析器的一個實例,請使用下面的代碼:
以下為引用的內容: JavaScript: var xmlDoc=document.implementation.createDocument("ns","root",null); |
第一個參數,ns,定義用于XML文檔的命名空間(namespace)。第二個參數,root,是XML文件中的XML根元素。第三個參數,null,一般總是null,這是由于目前還沒有用到這個參數。
下面的代碼段可向Mozilla瀏覽器的XML解析器載入一個已有的XML文檔("note.xml"):
以下為引用的內容: var xmlDoc=document.implementation.createDocument("","",null); xmlDoc.load("note.xml"); |
上面的腳本的第一行創建了XML解析器的一個實例。第二行會告知解析器載入名為"note.xml"的XML的文檔。
解析某個XML文件 - 跨瀏覽器的實例
下面的例子是一個跨瀏覽器的實例,向XML解析器載入了某個已有的XML文檔("note.xml"):
以下為引用的內容: <html> <head> <script type="text/javascript"> var xmlDoc; function loadXML() { // 用于 IE 的代碼: if (window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async=false; xmlDoc.load("note.xml"); getmessage(); } // 用于 Mozilla, Firefox, Opera, 等瀏覽器的代碼: else if (document.implementation && document.implementation.createDocument) { xmlDoc=document.implementation.createDocument("","",null); xmlDoc.load("note.xml"); xmlDoc.onload=getmessage; } else { alert('Your browser cannot handle this script'); } } function getmessage() { 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="loadXML()"> <h1>W3Schools Internal Note</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> |
輸出:
以下為引用的內容: W3Schools Internal Note To: Tove From: Jani Message: Don't forget me this weekend! |
重要的注釋
如需從某個XML元素(比如<from>Jani</from>)中提取文本(比如Jani),請使用下面的語法:
getElementsByTagName("from")[0].childNodes[0].nodeValue
重要事項:getElementsByTagName會返回一個節點數組。此數組含有XML文檔中擁有指定名稱的所有元素。在這例子中,只有一個"from"元素,但是仍然需要設定數組的下標( [0] )。
解析一個XML字符串 - 跨瀏覽器的實例
下面的代碼是一個跨瀏覽器的實例,向我們展示了如何加載和解析某個XML字符串:
以下為引用的內容: <html> <body> <script type="text/javascript"> var text="<note>"; text=text "<to>Tove</to>"; text=text "<from>Jani</from>"; text=text "<heading>Reminder</heading>"; text=text "<body>Don't forget me this weekend!</body>"; text=text "</note>"; // 用于 IE 的代碼: if (window.ActiveXObject) { var doc=new ActiveXObject("Microsoft.XMLDOM"); doc.async="false"; doc.loadXML(text); } // 用于 Mozilla, Firefox, Opera, 等瀏覽器的代碼: else { var parser=new DOMParser(); var doc=parser.parseFromString(text,"text/xml"); } // documentElement 提交根元素: var x=doc.documentElement; document.write("Text of first child element: "); document.write(x.childNodes[0].childNodes[0].nodeValue); document.write("<br />"); document.write("Text of second child element: "); document.write(x.childNodes[1].childNodes[0].nodeValue); </script> </body> </html> |
輸出:
以下為引用的內容: Text of first child element: Tove Text of second child element: Jani |
注釋:Internet Explorer使用loadXML()方法解析XML字符串,而Mozilla瀏覽器使用DOMParser對象。
分享:揭穿 XQuery 的神話和誤解 XQuery 給軟件架構師和開發人員帶來了很多希望,因為大大減少了建立使用 XML 的服務所需要編寫的代碼量。您也許認為 XQuery 所做的一切很容易理解,但是在 XQuery 的軟件開發社區中仍然存在著
- 相關鏈接:
- 教程說明:
Xml教程-XML入門教程:XML 解析器。