使用JS讀取XML文件的方法
由于項(xiàng)目上需要解析xml,于是各種百度,然后自己總結(jié)了下各個(gè)主流瀏覽器解析xml的方法,只能是很淺顯的知道他的用法,但是還沒有深層次的研究。
不同的瀏覽器對(duì)xml的解析方式不同,根據(jù)目前主流瀏覽器大致分三類:
第一類,ie祖宗: js 提供用于創(chuàng)建 Automation對(duì)象的方法,new ActiveXObject("Microsoft.XMLDOM") ;
第二類:firefox,opera:用構(gòu)造函數(shù) DOMParser()實(shí)例化DOMParser對(duì)象,解析xml文本,并返回xml Document對(duì)象;
第三類:chrome,safari:由于chrome不支持load方法,故用http協(xié)議,XMLHttpRequest對(duì)象。
代碼:
function loadXML(){ var xmlDoc; try{ //IE xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); }catch(e){ //firefox,opera xmlDoc = document.implementation.createDocument("","",null); } try{ xmlDoc.asyc = false; //是否異步調(diào)用 xmlDoc.load("xxx.xml"); //文件路徑 }catch(e){ //chrome var xmlhttp = new window.XMLHttpRequest(); xmlhttp.open("GET","xxx.xml",false); //創(chuàng)建一個(gè)新的http請(qǐng)求,并指定此請(qǐng)求的方法、URL以及驗(yàn)證信息 xmlDoc = xmlhttp.responseXML; } return xmlDoc; }
返回的xmlDoc對(duì)象,其中屬性documentElement包含了xml節(jié)點(diǎn)的各種值,可以console出來慢慢找。
ps:如果是讀取本地xml,chrome默認(rèn)是禁止訪問本地文件,需要增加啟動(dòng)參數(shù) --allow-file-access-from-files。
以上所述是小編給大家介紹的使用JS讀取XML文件的方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Bootstrap基本組件學(xué)習(xí)筆記之面板(14)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之面板,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12

JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制當(dāng)前網(wǎng)址

JavaScript異步操作的幾種常見處理方法實(shí)例總結(jié)

容易造成JavaScript內(nèi)存泄露幾個(gè)方面

JavaScript中Promise的執(zhí)行順序詳解

JS實(shí)現(xiàn)點(diǎn)擊鏈接切換顯示隱藏內(nèi)容的方法

js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度實(shí)例