類別TransformBinder將xml解析為xhtml的實例方法-XML/RSS教程-PHP中文網

首頁

後端開發

XML/RSS教程

類別TransformBinder將xml解析為xhtml的實例方法

Y2J

Apr 22, 2017 pm 02:20 PM

xhtml xml

這幾天一直在研究xslt轉換xml為xhtml，前面文章有介紹使用xslt將xml解析成xhtml 的文章

由於前面的方法xslt需要在xml檔案內部直接導入，而專案中用到的xml檔案是系統產生的，只能提供路徑，而沒有辦法改寫xml裡面的內容，所以需要找一個方法能夠在外部將xml和xslt關聯在一起，這樣既達到了目的，也可以應用於多個xml文件，方便管理。
先上程式碼，系統中使用module這個js進行打包，module這個工具是專門用來將js打包，這個工具以後的文章再做介紹，我自己現在只會使用，還沒研究其底層的程式碼；這邊我們將js寫在一個檔案裡面，包括類別以及類別實作的方法，
下面是js程式碼：transform.js

程式碼如下:

var XmlDom=function(){
 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 < arrSignatures.length; i++)
 {
  try { var oXmlDom = new ActiveXObject(arrSignatures[i]); return oXmlDom;
 }
 catch (oError)
  {
 //ignore
 }
 }
 throw new Error("你的系统没有安装 MSXML.");
  }
   else if(document.implementation.createDocument){
 // Firefox
 var oXmlDom = document.implementation.createDocument("", "", null); return oXmlDom;
 }
 else{ throw new Error("浏览器不支持 XML DOM object.");
 }
 }
  var transformXSLT=function(_XML,_XSL)
   {
    if (window.Node)
     {
      Node.prototype.transformNode = function(XslDom)
       {
        var oProcessor = new XSLTProcessor();
         oProcessor.importStylesheet(XslDom);
        var oResultDom = oProcessor.transformToDocument(myXmlDom);
        var oSerializer = new XMLSerializer();
        var sXml = oSerializer.serializeToString(oResultDom, "text/xml");
        return sXml;
        }
       }
   var myXmlDom = new XmlDom();
   myXmlDom.async=false;
   var myXslDom = new XmlDom();
   myXslDom.async=false;
   myXmlDom.load(_XML);
   myXslDom.load(_XSL);
   var sResult=myXmlDom.transformNode(myXslDom);
   if(window.ActiveXObject){
    if(myXmlDom.parseError.errorCode != 0){
     var sError=myXmlDom.parseError;
     var txt = ""; txt += "<br>错误代码： "; txt += sError.errorCode;
     txt += "<br>错误原因： ";
     txt += sError.reason; txt += "<br>错误行号： ";
     txt += sError.line; document.write(txt);
      }else{
       document.write(sResult);
        }
       }else if(document.implementation.createDocument){
        var oSerializer = new XMLSerializer();
        var sXmlDom = oSerializer.serializeToString(myXmlDom, "text/xml");
        var oParser = new DOMParser(); var oXmlDom = oParser.parseFromString(sXmlDom,"text/xml");
        if (oXmlDom.documentElement.tagName == "parsererror")
         { var oXmlSerializer = new XMLSerializer();
          var sXmlError = oXmlSerializer.serializeToString(oXmlDom); alert(sXmlError);
           } else { document.write(sResult);
            }
           }
          } var TransformBinder = function(XML,XSL) { this.XML = XML; this.XSL = XSL; } TransformBinder.prototype.registerAction = function(handlers) { this.handlers = handlers; } TransformBinder.prototype.bind = function() { var _this = this; this.handlers(_this.XML,_this.XSL); }

下面是html程式碼：XSLTtransform.htm

程式碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type=&#39;text/javascript&#39; src="transform.js"></script> 
</head> 
<body> 
<script type="text/javascript"> 
var XML = "这里输入XML路径"; 
var XSL = "这里输入XSL路径"; 
var tempObj = new TransformBinder(XML,XSL); 
tempObj.registerAction(transformXSLT); 
tempObj.bind(); 
</script> 
</body> 
</html>

分析transform.js：
#xmlDom這個建構子是用來創建xml的dom元素，對於IE和FF，創建dom的方法不一樣，IE是用window.ActiveXObject這個方法來創建，而FF用document.implementation.createDocument這個方法來創建，我們用這兩個屬性來判斷是IE還是FF。
IE下針對不同版本的xml["MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0", "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument","Microsoft.XmlDom"]，用for循環進行遍歷查找到對應的版本再new ActiveXObject(arrSignatures[i])建立dom;
FF下用document.implementation.createDocument("", "", null);直接建立dom ;
如果瀏覽器不支援XML DOM object則throw錯誤。
transformXSLT這個建構子用XSLT將xml轉換成html，FF下沒有transformNode這個方法，所以我們自己建構了一個方法，

程式碼如下:

Node.prototype.transformNode = function(XslDom) { 
var oProcessor = new XSLTProcessor(); 
oProcessor.importStylesheet(XslDom); 
var oResultDom = oProcessor.transformToDocument(myXmlDom); 
var oSerializer = new XMLSerializer(); 
var sXml = oSerializer.serializeToString(oResultDom, "text/xml"); 
return sXml; 
}

然後用這個方法實作轉換，在處理錯誤上IE和FF又有不同的處理方法，IE比較簡單，有一個parseError屬性裝載錯誤訊息，errorCode是錯誤的程式碼，reason是錯誤原因，line是錯誤的行號，還有其他一些訊息，這裡只要顯示主要的錯誤訊息就可以了，如果出錯了就顯示出錯內容，如果沒有出錯則顯示轉換的結果sResult。 FF下就比較複雜一點，用XMLSerializer和XMLSerializer.serializeToString()將xmlDom轉換為字符串，再將字符串轉換成dom對象，在轉換的過程中如果報錯，就能得到包含有parsererror的信息，判斷得到的字串的tagName是不是parsererror，如果是則將dom物件再轉換成字串拋出字串中的內容，如果不是則顯示轉換的結果sResult。
這裡有幾個注意點：
a.IE能檢驗出XML的DTD錯誤，而FF下只能檢驗出XML本身的語法錯誤；
b. 因為需要在瀏覽器下判斷錯誤，最終的結果不好合併，可能在程式碼結構上看起來不太合理，這也是無奈之舉。
用TransformBinder這個類別進行封裝，方便擴充和修改。 TransformBinder.prototype.registerAction這個原型用於註冊事件，再用TransformBinder.prototype.bind將事件進行綁定，需要使用這個類別的時候，只需要new TransformBinder(XML,XSL),註冊transformXSLT事件，再bind進行綁定，這樣就實現這個效果了。如果需要擴展，再建立新的建構函數，註冊並綁定到這個類別上就可以實現效果。

以上是類別TransformBinder將xml解析為xhtml的實例方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undress AI Tool

免費脫衣圖片

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

PHP教程

1596

276

Related knowledge

能否用PowerPoint開啟XML文件 Feb 19, 2024 pm 09:06 PM

XML檔可以用PPT開啟嗎？ XML，即可擴展標記語言（ExtensibleMarkupLanguage），是一種廣泛應用於資料交換和資料儲存的通用標記語言。與HTML相比，XML更加靈活，能夠定義自己的標籤和資料結構，使得資料的儲存和交換更加方便和統一。而PPT，即PowerPoint，是微軟公司開發的一種用於創建簡報的軟體。它提供了圖文並茂的方

Python中的XML資料轉換為CSV格式 Aug 11, 2023 pm 07:41 PM

Python中的XML資料轉換為CSV格式XML（ExtensibleMarkupLanguage）是一種可擴充標記語言，常用於資料的儲存與傳輸。而CSV（CommaSeparatedValues）則是一種以逗號分隔的文字檔案格式，常用於資料的匯入和匯出。在處理資料時，有時需要將XML資料轉換為CSV格式以便於分析和處理。 Python作為一種功能強大

您如何在PHP中解析和處理HTML/XML？ Feb 07, 2025 am 11:57 AM

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML（可擴展的標記語言）是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

C#開發中如何處理XML和JSON資料格式 Oct 09, 2023 pm 06:15 PM

C#開發中如何處理XML和JSON資料格式，需要具體程式碼範例在現代軟體開發中，XML和JSON是廣泛應用的兩種資料格式。 XML（可擴展標記語言）是一種用於儲存和傳輸資料的標記語言，而JSON（JavaScript物件表示）是一種輕量級的資料交換格式。在C#開發中，我們經常需要處理和操作XML和JSON數據，本文將重點放在如何使用C#處理這兩種數據格式，並附上

如何使用 PHP 函數處理 XML 資料？ May 05, 2024 am 09:15 AM

使用PHPXML函數處理XML資料：解析XML資料：simplexml_load_file()和simplexml_load_string()載入XML檔案或字串。存取XML資料：利用SimpleXML物件的屬性和方法來取得元素名稱、屬性值和子元素。修改XML資料：使用addChild()和addAttribute()方法新增元素和屬性。序列化XML資料：asXML()方法將SimpleXML物件轉換為XML字串。實戰案例：解析產品饋送XML，提取產品信息，轉換並將其儲存到資料庫中。

使用Python實現XML中的資料校驗 Aug 10, 2023 pm 01:37 PM

使用Python實現XML中的資料校驗引言：在現實生活中，我們經常會處理各種各樣的數據，其中XML（可擴展標記語言）是一種常用的數據格式。 XML具有良好的可讀性和可擴充性，廣泛應用於各種領域，如資料交換、設定檔等。在處理XML資料時，我們經常需要對資料進行校驗，以確保資料的完整性和正確性。本文將介紹如何使用Python實現XML中的資料校驗，並給予對應的

在Java中使用Jackson函式庫將POJO轉換為XML？ Sep 18, 2023 pm 02:21 PM

Jackson是一個基於Java的函式庫，它對於將Java物件轉換為JSON以及將JSON轉換為Java物件非常有用。 JacksonAPI比其他API更快，需要更少的記憶體區域，並且適合大型物件。我們使用XmlMapper類別的writeValueAsString()方法將POJO轉換為XML格式，並且需要將對應的POJO實例作為參數傳遞給此方法。語法publicStringwriteValueAsString(Objectvalue)throwsJsonProcessingException範例imp

C和XML：探索關係和支持 Apr 21, 2025 am 12:02 AM

C 通過第三方庫（如TinyXML、Pugixml、Xerces-C ）與XML交互。 1)使用庫解析XML文件，將其轉換為C 可處理的數據結構。 2)生成XML時，將C 數據結構轉換為XML格式。 3)在實際應用中，XML常用於配置文件和數據交換，提升開發效率。

See all articles

類別TransformBinder將xml解析為xhtml的實例方法

熱AI工具

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題