本文實例講述了JS實現加載和讀取XML文件的方法。分享給大家供大家參考，具體如下：
有時在開發時用到 JS 加載和讀取XML文件的情況，寫下提供參考，這里主要是分兩步完成：
1. JS加載XML文件
步驟一般為（1），建立 XML DOM 對象；（2），設置加載方式，異步（推薦）或同步； （3）提供XML文件URL然后調用 load 方法；大致如下：
var xmlFileName="xxFile.xml";var xmlDoc='';if (window.ActiveXObject){ // IE var activeXNameList=new Array("MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XMLDOM","MSXML.DOMDocument"); for(var h=0;h<activeXNameList.length;h++) { try{ xmlDoc=new ActiveXObject(activeXNameList[h]); }catch(e){ continue; } if(xmlDoc) break; }}else if(document.implementation && document.implementation.createDocument){ //非 IE xmlDoc=document.implementation.createDocument("","",null);}else{ alert('can not create XML DOM object, update your browser please...');}xmlDoc.async=false; //同步,防止后面程序處理時遇到文件還沒加載完成出現的錯誤,故同步等XML文件加載完再做后面處理xmlDoc.load(xmlFileName); //加載XML2. JS讀取XML文件節點
在加載XML文件之后就是讀取XML文件的節點了，可以使用 DOM 相應的方法，對 MS IE 其它瀏覽器的讀法相近，例如：
例如下的XML文件結構:
<visiter> <area areaid="shenzhen"> <areaname>shenzhen</areaname> <user userid="001"> <name>shenzhenNBA</name> <sex>man</sex> </user> </area> <area areaid="shanghai"> <areaname>shenzhen</areaname> <user userid="002"> <name>xiaoming</name> <sex>woman</sex> </user> <user userid="003"> <name>zhangsan</name> <sex>man</sex> </user> </area></visiter>
//JS讀取 XML 文件中的 area 節點的方式如下:var nodeList= xmlDoc.documentElement.getElementsByTagName("area")； // IEfor(var i=0;i<nodeList.length;i++){ //...遍歷操作...}var nodeList=xmlDoc.getElementsByTagName("area"); // 非IEfor(var i=0;i<nodeList.length;i++){ //...遍歷操作...}還有部分讀取節點的方法：
//MS IEnode.text ; //讀取node節點的文本值node.childNodes[i].text ; //讀取 node 下的第 i 個[直接下一級]子節點的文本node.getAttribute("attributeName") ; //讀取 node 節點的屬性名稱為 attributeName 的屬性值//還有其他的方法等, 可以網上搜索//非 MS IEnode.nodeValue ; //讀取node節點的文本值node.childNodes[i].nodeValue ; //讀取 node 下的第 i 個[直接下一級]子節點的文本node.getAttribute("attributeName") ; //讀取 node 節點的屬性名稱為 attributeName 的屬性值//還有其他的方法等, 可以網上搜索PS：這里再為大家提供幾款關于xml與json操作的在線工具供大家參考使用：
在線XML/JSON互相轉換工具：
http://tools.VeVB.COm/code/xmljson
在線格式化XML/在線壓縮XML：
http://tools.VeVB.COm/code/xmlformat
XML在線壓縮/格式化工具：
http://tools.VeVB.COm/code/xml_format_compress
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.VeVB.COm/code/json
JSON在線格式化工具：
http://tools.VeVB.COm/code/jsonformat
在線json壓縮/轉義工具：
http://tools.VeVB.COm/code/json_yasuo_trans
更多關于JavaScript相關內容可查看本站專題：《JavaScript中ajax操作技巧總結》、《JavaScript操作XML文件技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數據結構與算法技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
