1. 程式人生 > >JS載入和讀取XML檔案

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); //載入XML


2,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"); // IE
for(var i=0;i<nodeList.length;i++){
	//...遍歷操作...
}

var nodeList=xmlDoc.getElementsByTagName("area");  // 非IE
for(var i=0;i<nodeList.length;i++){
	//...遍歷操作...
}


還有部分讀取節點的方法:

//MS IE
node.text ;     //讀取node節點的文字值
node.childNodes[i].text ;   

 //讀取 node 下的第 i 個[直接下一級]子節點的文字
node.getAttribute("attributeName") ;     //讀取 node 節點的屬性名稱為 attributeName 的屬性值
//還有其他的方法等, 可以網上搜索



//非 MS IE
node.nodeValue ;
     //讀取node節點的文字值
node.childNodes[i].nodeValue ;    //讀取 node 下的第 i 個[直接下一級]子節點的文字
node.getAttribute("attributeName") ;     //讀取 node 節點的屬性名稱為 attributeName 的屬性值
//還有其他的方法等, 可以網上搜索