使用 JavaScript 解析 XML
解析 XML 涉及將 XML 資料轉換為 JavaScript 程式碼可以處理的格式。要在沒有 jQuery 等外部框架的情況下執行此操作,可以利用 DOM(文件物件模型)。
如果XML 儲存在名為txt 的字串變數中,其結構可能類似於以下內容:
<address> <street>Roble Ave</street> <mtfcc>S1400</mtfcc> <streetNumber>649</streetNumber> <lat>37.45127</lat> <lng>-122.18032</lng> <distance>0.04</distance> <postalcode>94025</postalcode> <placename>Menlo Park</placename> <adminCode2>081</adminCode2> <adminName2>San Mateo</adminName2> <adminCode1>CA</adminCode1> <adminName1>California</adminName1> <countryCode>US</countryCode> </address>
要解析此XML,請依照下列步驟操作:
// Create a new DOM parser var parser = new DOMParser(); // Parse the XML string into a DOM object var xmlDoc = parser.parseFromString(txt, "text/xml");
有了可用的DOM 對象,就可以存取特定的XML元素及其檢索到的值:
// Get the street number var streetNumber = xmlDoc.getElementsByTagName("streetNumber")[0].childNodes[0].nodeValue; // Get the street name var street = xmlDoc.getElementsByTagName("street")[0].childNodes[0].nodeValue; // Get the postal code var postalcode = xmlDoc.getElementsByTagName("postalcode")[0].childNodes[0].nodeValue;
帶有命名空間前綴的 XML 也可以使用此方法進行解析,前提是瀏覽器支援命名空間前綴。 JavaScript 程式碼中無需前綴即可存取命名空間前綴。
以上是如何在不使用外部函式庫的情況下用 JavaScript 解析 XML 資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!