靈活地呼叫xsl來解析xml文檔(js異步)-XML/RSS教程-PHP中文網

首頁

後端開發

XML/RSS教程

靈活地呼叫xsl來解析xml文檔(js異步)

黄舟

Feb 27, 2017 pm 05:06 PM

1.新建一个vs2003的web工程,取名为xmlTest

2.将工程目录下的WebForm1.aspx中内容全部删除，只留下顶部的一条语句：

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="XMLTest.WebForm1" %>

登入後複製

3.修改WebForm1.aspx.cs中内容，在Page_Load中加入:

以下是引用片段：

    XmlDocument doc=new XmlDocument(); 
    String xmlfile=string.Empty; 
    xmlfile=Context.Request.PhysicalapplicationPath+(Request.QueryString["sel"].ToString()=="xml"?"\\hello.xml":"\\hello.xsl"); 
    doc.Load(xmlfile); 
    Response.Write(doc.InnerXml);

登入後複製

4.在工程根目录下新增test.htm,并设为工程首页:

以下是引用片段：

<html> 
<head> 
  <title></title> 
</head> 
<body> 
  <div id="resTree"></div> 
  <FONT face="宋体"></FONT><input type="button" value="执行" onclick="GetXml()"><BR> 
  <script language="JScript"> 
  var srcTree,xsltTree,xt; 
  var http_request = false; 
    
  function GetXml() 
  {     
   srcTree = new ActiveXObject("Msxml2.FreeThreadedDOMDocument"); 
    srcTree.async=false; 
    xsltTree= new ActiveXObject("Msxml2.FreeThreadedDOMDocument"); 
    xsltTree.async = false; 
    xt=new ActiveXObject("MSXML2.XSLTemplate"); 
   resTree.innerHTML=""; 
    makeRequest("WebForm1.aspx?sel=xml",GetXml_CB); 
  } 
     
    function makeRequest(url,callback) { 
        http_request = false; 
        if (window.xmlhttpRequest) { // Mozilla, Safari,... 
            http_request = new XMLHttPRequest(); 
            if (http_request.overrideMimeType) { 
                http_request.overrideMimeType(&#39;text/xml&#39;); 
            } 
        } else if (window.ActiveXObject) { // IE 
            try { 
                http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
            } catch (e) { 
                try { 
                    http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
                } catch (e) {} 
            } 
        }
        if (!http_request) { 
            alert(&#39;Giving up :( Cannot create an XMLHTTP instance&#39;); 
            return false; 
        } 
        http_request.onreadystatechange = callback; 
        http_request.open(&#39;GET&#39;, url, true); 
        http_request.send(null); 
    }
    function GetXml_CB() {
        if (http_request.readyState == 4) { 
            if (http_request.status == 200) {     
    srcTree.loadXML(http_request.responseText); 
    makeRequest("WebForm1.aspx?sel=xsl",GetXsl_CB); 
            } else { 
                alert(&#39;There was a problem with the request.&#39;); 
            } 
        }
    } 
     
    function GetXsl_CB(){ 
       if (http_request.readyState == 4) { 
         if (http_request.status == 200) { 
       xsltTree.loadXML(http_request.responseText); 
       xt.stylesheet=xsltTree; 
       var proc=xt.createProcessor(); 
       proc.input=srcTree; 
       proc.transform(); 
       resTree.innerHTML=proc.output; 
            } else { 
                alert(&#39;There was a problem with the request.&#39;); 
            } 
        } 
   
    }
    function makeRequest(url,callback) { 
     http_request = false; 
     if (window.XMLHttpRequest) { // Mozilla, Safari,... 
            http_request = new XMLHttpRequest(); 
            if (http_request.overrideMimeType) { 
                http_request.overrideMimeType(&#39;text/xml&#39;); 
            } 
        } else if (window.ActiveXObject) { // IE 
            try { 
                http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
            } catch (e) { 
                try { 
                    http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
                } catch (e) {} 
            } 
        }
        if (!http_request) { 
            alert(&#39;Giving up :( Cannot create an XMLHTTP instance&#39;); 
            return false; 
        } 
        http_request.onreadystatechange = callback; 
        http_request.open(&#39;GET&#39;, url, true); 
        http_request.send(null); 
    }
  </script>
</body> 
</html>

登入後複製

5.运行工程，看看效果吧!

hello.xml(注意:我的xml文档中并没有指定对应的xsl解析文件名)

以下是引用片段：

<?xml version=&#39;1.0&#39;?>
<breakfast-menu> 
  <food> 
    <name>Belgian Waffles</name> 
    <price>$5.95</price> 
    <description>Two of our famous Belgian Waffles  
      with plenty of real maple syrup.</description> 
    <calories>650</calories> 
  </food> 
  <food> 
    <name>Strawberry Belgian Waffles</name> 
    <price>$7.95</price> 
    <description>Light Belgian waffles covered with  
     strawberries and whipped cream.</description> 
    <calories>900</calories> 
  </food> 
  <food> 
    <name>Berry-Berry Belgian Waffles</name> 
    <price>$8.95</price> 
    <description>Light Belgian waffles covered  
      with an assortment of fresh berries  
      and whipped cream.</description> 
    <calories>900</calories> 
  </food> 
  <food> 
    <name>French Toast</name> 
    <price>$4.50</price> 
    <description>Thick slices made from our homemade  
     sourdough bread.</description> 
    <calories>600</calories> 
  </food> 
  <food> 
    <name>Homestyle Breakfast</name> 
    <price>$6.95</price> 
    <description>Two eggs, bacon or sausage, toast,  
      and our ever-popular hash browns.</description> 
    <calories>950</calories> 
  </food> 
</breakfast-menu>

登入後複製

hello.xsl

以下是引用片段：

<?xml version="1.0"?> 
<xsl:stylesheet version="1.0"  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
  <xsl:template match="/breakfast-menu">
        <xsl:for-each select="food"> 
          <DIV STYLE="background-color:teal; color:white; padding:4px"> 
            <SPAN STYLE="font-weight:bold; color:white"><xsl:value-of select="name"/></SPAN> 
            至 <xsl:value-of select="price"/> 
          </DIV> 
          <DIV STYLE="margin-left:20px; margin-bottom:1em; font-size:10pt"> 
            <xsl:value-of select="description"/> 
            <SPAN STYLE="font-style:italic"> 
              <xsl:value-of select="calories"/> 嘿嘿 
            </SPAN> 
          </DIV> 
        </xsl:for-each>
  </xsl:template> 
</xsl:stylesheet>

登入後複製

xml文档只有纯粹的数据，如果需要显示到html页面中的话，一般需要使用定制的xsl文档来解析，或者手工通过js来读取xml中的值显示到html中的dom树中，当使用xsl文档来解析时，相应的xml文档中必须指定对应的xsl文档才能正常显示，但当有些程序动态输出xml文档时，并没有指定相应的xsl文档，这时就必须通过其它途径来加载相应的xsl文档来解析，当然，在服务器端输出xml文档时，通过一些xml api也可以实现，我这儿描述的是通过js来实现的一种方式。用这种方式的话，就抛开了服务器平台的限制，服务器端只需要输出相应的xml文档(.net/j2ee都可以)，并且将对应的xsl文档输出给客户端（可以输出流或直接在客户端加载xsl文档)。

这里有几个需要注意的地方，我们一般是使用Msxml2.Document组件来加载xml文档的，但当动态使用xsl解析xml文档时，必须使用Msxml2.FreeThreadedDOMDocument这种自由线程的组件，同时使用MSXML2.XSLTemplate模板组件来加载xml,xsl数据，通过MSXML2.XSLTemplate的transform方法，就可以动态的用xsl来解析xml数据了,另外，IE5开始，系统默认的xml组件是msxml2，如果需要使用更新的msxml组件需要安装更新的msxml组件包，并指定新的名称，例如Msxml2.FreeThreadedDOMDocument.4.0，现在最新的msxml组件是6.0beta，可在M$网站下载。

以上就是灵活调用xsl来解析xml文档(js异步)的内容，更多相关内容请关注PHP中文网（www.php.cn）！

本網站聲明

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

熱AI工具

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

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

熱工具

記事本++7.3.1

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

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

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

熱門話題

gmail信箱登陸入口在哪裡

7924

Java教學

1652

CakePHP 教程

1411

Laravel 教程

1303

PHP教程

1249

Related knowledge

xml如何轉化為word Apr 03, 2025 am 08:15 AM

有三種將 XML 轉換為 Word 的方法：使用 Microsoft Word、使用 XML 轉換器或使用編程語言。

xml怎麼轉換成圖片 Apr 03, 2025 am 07:39 AM

可以將 XML 轉換為圖像，方法是使用 XSLT 轉換器或圖像庫。 XSLT 轉換器：使用 XSLT 處理器和样式表，將 XML 轉換為圖像。圖像庫：使用 PIL 或 ImageMagick 等庫，從 XML 數據創建圖像，例如繪製形狀和文本。

xml怎麼改格式 Apr 03, 2025 am 08:42 AM

可以採用多種方法修改 XML 格式：使用文本編輯器（如 Notepad ）進行手工編輯；使用在線或桌面 XML 格式化工具（如 XMLbeautifier）進行自動格式化；使用 XML 轉換工具（如 XSLT）定義轉換規則；或者使用編程語言（如 Python）進行解析和操作。修改時需謹慎，並備份原始文件。

xml怎麼轉換成圖片形式文件 Apr 03, 2025 am 08:27 AM

可將 XML 轉換為圖片形式文件的方法有多種：使用軟件：Altova XMLSpy、Oxygen XML Editor、XML Viewer 等。使用在線工具：XML to Image、Convert XML to Image、Free Online XML to Image Converter 等。

xml如何修改數據 Apr 03, 2025 am 08:12 AM

XML 數據修改可以通過手動操作或使用編程語言和庫來完成。手動修改適用於小型文檔的少量修改，包括添加、修改或刪除元素和屬性。對於更複雜的修改，可以使用編程語言和庫，如 Python 的 xml.dom 和 Java 的 javax.xml.parsers，它們提供了處理 XML 數據的工具。修改 XML 數據時，確保其有效性，創建備份並遵循 XML 語法規則，包括正確的標籤和屬性。