使用JS讀取XML文件的方法

因爲項目上須要解析xml，因而各類百度，而後本身總結了下各個主流瀏覽器解析xml的方法，下面經過本文給你們詳細介紹下使用JS讀取XML文件的方法，一塊兒看看吧

因爲項目上須要解析xml，因而各類百度，而後本身總結了下各個主流瀏覽器解析xml的方法，只能是很淺顯的知道他的用法，可是尚未深層次的研究。

不一樣的瀏覽器對xml的解析方式不一樣，根據目前主流瀏覽器大體分三類：

第一類，ie祖宗： js 提供用於建立 Automation對象的方法，new ActiveXObject("Microsoft.XMLDOM") ；

第二類：firefox，opera：用構造函數 DOMParser()實例化DOMParser對象，解析xml文本，並返回xml Document對象；

第三類：chrome，safari：因爲chrome不支持load方法，故用http協議，XMLHttpRequest對象。

代碼：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function loadXML(){ var xmlDoc; try{ //IE xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); }catch(e){ //firefox,opera xmlDoc = document.implementation.createDocument("","",null); } try{ xmlDoc.asyc = false; //是否異步調用 xmlDoc.load("xxx.xml"); //文件路徑 }catch(e){ //chrome var xmlhttp = new window.XMLHttpRequest(); xmlhttp.open("GET","xxx.xml",false); //建立一個新的http請求，並指定此請求的方法、URL以及驗證信息 xmlDoc = xmlhttp.responseXML; } return xmlDoc; }

返回的xmlDoc對象，其中屬性documentElement包含了xml節點的各類值，能夠console出來慢慢找。

ps:若是是讀取本地xml，chrome默認是禁止訪問本地文件，須要增長啓動參數 --allow-file-access-from-files。