JavaScript高階程式設計閱讀筆記（二十一） JavaScript中的XML

一、IE中的XML DOM支援
　　IE對XML的支援是基於ActiveX的MSXML函式庫。
　　1、DOM建立
　　對每個新版本的MSXML，都會建立出不同的XML DOM對象，所以盡量選擇新的XML DOM版本。
　　2、載入XML
　　載入XML分兩種，即：
　　載入XML字串：loadXML(xml字串)
　　載入xml檔案：load(xmlloadXML(xml字串)
　　載入xml檔案：load(xmlloadXML)。預設檔案載入是異步的，如果要改為同步把asynce特性改為true即可。非同步載入檔案時要用到readyState和onreadystatechange事件處理函數。 readyState共有五種可能的值：
　　　　0——DOM尚未初始化任何資訊;
　　　　1——DOM正在載入資料;
　　　　1——DOM正在載入資料;
　　　　1——DOM正在載入資料;
　　　　　4　—DOM已經可用，不過某些部分可能還不能用；
　　　　4－DOM已經完全被載入，可以使用了。
　　3、取得XML
　　微軟為每個節點增加了xml特性，所以取得XML非常方便，請參閱後面的範例。
　　4、解釋錯誤
　　可以用parseError來處理XML載入過程中出現的錯誤。
　　parseError特性其實是包含以下特性的物件：
　　errorCode:錯誤型別數字程式碼，沒有錯誤為0
　　filePos:錯誤發生在檔案中的位置
　　line:遇到錯誤的行編號
　　linepos:在遇到錯誤的那一行上的字符的位置
　　reason:對錯誤的一個解釋
　　srcText:造成錯誤的代碼
　url:造成錯誤的文件的URL 　　5、範例：

複製程式碼

程式碼如下:

　　DOM標準指出，document.implementation有個createDocument() 方法：
var oXmlDom=document.implementation.createDocument,",", fn　"一個參數為文檔的命名空間URL，文檔元素的標籤名，和文檔類型物件(總是為null，因為在Mozilla中還沒有支援)。　　2、載入XML 　　Mozilla只支援一個載入XML的方法:load(檔案名稱)。
　　同步或非同步由async決定，預設為非同步。
　　如果是XML字符串，要用DOMParser對象來轉換成DOM，用法如下：

複製代碼

代碼如下: var oParser = new DOMParser(); var oXmlDom = oParser.parseFromString("","text/xml");

 
 parseFromString方法第一個參數為XML字串，第二個參數為內容類型。可以是 "text/xml" 或 "application/xml"。 
　　3、取得XML 
　　微軟提供的xml特性因為不是標準，所以Mozilla不支持，Mozilla提供了XMLSerializer物件： 

程式碼如下:

 
var oSerializer = new XMLSerializer(); 
var sXml = oSerializer.serializeToString(oXmlDom,"text/xml");　　在後面的範例中我們可以看到如何用defineGetter()方法來定義一個xml特性。 

　　4、解析錯誤
　　在XML檔案的解析過程中發生錯誤時，XML DOM會建立文件來解釋這個錯誤。常用正規則來輸出錯誤訊息：

複製程式碼程式碼如下:

 
var reError = / >([sS]*?)Location:([sS]*?)Line Number (d ),Column (d ):([sS]*?)(?:-*^)/; 
 if(oXmlDom.documentElement.tagName == "parsererror"){ 
reError.test(oXmlDom.xml); 
alert("An error occurred:nDescription: " RegExp.$1 "n" 
 "Files" 
 "File : " RegExp.$2 "n" 
 "Line: " RegExp.$3 "n" 
 "Line Pos: " RegExp.$4 "n" 
 "Source: " RegExp.$5); 
 } 

5、範例

複製程式碼

程式碼如下:

 程式碼如下:var oXmlDom=d​​ocument.implementation.createDocument("","",null); 
oXmlDom.async = false; 
oXmlDom.onload = function(){ 
alert('Done'mlDom. ); 
} 
var reError = />([sS]*?)Location:([sS]*?)Line Number (d ),Column (d ):([sS]*? )(?:-*^)/; 
if(oXmlDom.documentElement.tagName == "parsererror"){ 
reError.test(oXmlDom.xml); 
alert("An error occurred:nDescription : " RegExp.$1 "n" 
 "File: " RegExp.$2 "n" 
 "Line: " RegExp.$3 "n" 
 "Line Pos: " RegExp.$4 "n" 
 "Source: " RegExp.$5); 
} 
Node.prototype.__defineGetter__("xml", function () { 
var oSerializer = new XMLSerializer(); 
return oSerializer.serializeToString( this, "text/xml"); 
}); 
oXmlDom.load('test.xml'); 
alert(oXmldom.xml); 
var oNode = oXmlDom.documentElement.childNodes [1]; 
alert(oNode.xml); 

三、通用介面

　　下面是相容IE和FireFox的通用介面：

複製程式碼

程式碼如下:

 
function XmlDom() { 
if (window.ActiveXObject) {//IE 
var arrSignatures = ["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0" “MSXML2.DOMDocument.3.0”，“MSXML2.DOMDocument”，“Microsoft.XmlDom”]; 
for (var i = 0; i 嘗試{ 
var omlDom = new ActiveXObject(arrSignatures[i]); 
回傳oXmlDom; 
} 
catch (oError) { 
//忽略
} 
} 
>//忽略
} 
} 
 "您的系統上未安裝MSXML。"); 
} else if (document.implementation && document.implementation.createDocument) { 
var oXmlDom = document.implementation.createDocument(""", ", null) ; 
oXmlDom.parseError = {valueOf:function () { 
return this.errorCode; 
}, toString:function () { 
return this.errorCode.toString(); }; 
oXmlDom.__initError__(); 
oXmlDom.addEventListener("load", function () { 
this.__checkForErrors__(); 
this.__changeReadyState__(4) 回傳oXmlDom; 
} else { 
拋出新的​​錯誤（「您的瀏覽器不支援XML DOM 物件。」）; 
} 
} 
if (isMoz) { 
Document.prototype._readyState_ = 0; 
Document.prototype.onreadystatechange = null; 
Document.prototype.__changeReadyState__ = function (iadyState) {this; 🎜>if (typeof this.onreadystatechange == "function") { 
this.onreadystatechange(); 
} 
}; 
Document.prototype.__initError__ = function () {this 
 .parseError.errorCode = 0; 
this.parseError.filepos = -1; 
this.parseError.line = -1; 
this.parseError.linepos = -1; 
this.parseError. reason = null; 
this.parseError.srcText = null; 
this.parseError.url = null; 
}; 
Document.prototype.__checkForErrors__ = function () { var reError = />>([sS]*?)位置:([ sS]*?)行號(d ),列(d ): ([sS]*?)(?:-*^)/; 
reError.test(this.xml); 
this.parseError.errorCode = -999999; 
this.parseError.reason = RegExp .$1; 
this.parseError.url = RegExp.$2; 
this.parseError.line = parseInt(RegExp.$3); 
this.parseError.linepos = parseInt(RegExp.$4); 
this.parseError.srcText = RegExp.$5; 
} 
}; 
Document.prototype.loadXML = function (sXml) { 
this.__initError__(); 
this.__Rechange 1); 
var oParser = new DOMParser(); 
var oXmlDom = oParser.parseFromString(sXml, "text/xml"); 
while (this.firstChild) { 
this. this.firstChild); 
} 
for (var i = 0; i var oNewNode = this.importNode(oXmlDom.Nodechilds[i], true); 
this.appendChild(oNewNode); 
} 
this.__checkForErrors__(); 
this.__changeReadyState__(4); 
}; 
Document.prototype.__ .load; 
Document.prototype.load = function (sURL) { 
this.__initError__(); 
this.__changeReadyState__(1); 
this.__load__(sURL); 
} ; 
Document.prototype.getReadyState = function () { 
return this._readyState_; 
}; 
Node.prototype.__defineGetter__("xml", function () { return oSerializer.serializeToString(this, "text/xml"); 
}) ; 
} 

 

四、其他瀏覽器
 

本書中沒有講到其他瀏覽器，如現在很火的Chrome，最新版的主流瀏覽器現在都已支援上面講到的Mozilla方式。如果不支持，可以用AJAX來讀取處理XML。
作者：Artwl 來源：http://artwl.cnblogs.com

JavaScript高階程式設計 閱讀筆記（二十一） JavaScript中的XML_javascript技巧

JavaScript高階程式設計閱讀筆記（二十一） JavaScript中的XML_javascript技巧