亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

靈活調用xsl來解析xml文檔(js異步)

2019-11-18 16:51:07
字體:
來源:轉載
供稿:網友

     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":"http://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('text/xml');
            }
        } 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('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = callback;
        http_request.open('GET', 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('There was a problem with the request.');
            }
        }

    }
    
    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('There was a problem with the request.');
            }
        }
  
    }

    function makeRequest(url,callback) {
     http_request = false;
     if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
            }
        } 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('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = callback;
        http_request.open('GET', url, true);
        http_request.send(null);
    }

  </script>

</body>
</html>


     5.運行工程,看看效果吧!

     hello.xml(注意:我的xml文檔中并沒有指定對應的xsl解析文件名)

以下是引用片段:
<?xml version='1.0'?>

<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="  <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$網站下載。

     演示:http://www.21cz.cn/xmltest/test.htm

     xml文件查看:http://www.21cz.cn/xmltest/hello.xml
     xsl文件查看:http://www.21cz.cn/xmltest/hello.xsl


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩精品视频在线观看网址| 日本中文字幕久久看| 亚洲国产天堂网精品网站| 亚洲综合自拍一区| 欧美大片在线看| 午夜精品福利在线观看| 亚洲电影在线看| 亚洲一区二区三区在线免费观看| 91网站免费观看| 91精品国产精品| 久久在线免费视频| 免费不卡在线观看av| 久久韩国免费视频| 国产日韩精品在线播放| 欧美视频在线观看免费| 亚洲天堂男人天堂| 亚洲网址你懂得| 97在线视频精品| 亚洲天堂av女优| 中文字幕欧美视频在线| 亚洲最新在线视频| 国产成人91久久精品| 91av网站在线播放| 日本欧美黄网站| 欧美日韩国产综合新一区| 97超视频免费观看| 国产精品女视频| 日韩成人激情影院| 国产成人一区二区在线| 日韩三级影视基地| 亚洲最大中文字幕| 国产盗摄xxxx视频xxx69| 最近中文字幕2019免费| 国产成人精彩在线视频九色| 日韩精品视频在线免费观看| 97**国产露脸精品国产| 日韩av三级在线观看| 欧美乱人伦中文字幕在线| 7777精品视频| 亚洲风情亚aⅴ在线发布| 欧美性xxxxxxx| 最近2019中文字幕一页二页| 亚洲91精品在线观看| 国产视频自拍一区| 欧美在线免费视频| 九色成人免费视频| 中文精品99久久国产香蕉| 欧美在线观看一区二区三区| 疯狂蹂躏欧美一区二区精品| 久久视频中文字幕| 欧美大成色www永久网站婷| 久久久综合免费视频| 热久久99这里有精品| 在线性视频日韩欧美| 国产欧美va欧美va香蕉在| 日韩麻豆第一页| 亚洲成人av片在线观看| 亚洲精品av在线播放| 国产精品久久久久久久久免费看| 国产婷婷97碰碰久久人人蜜臀| 成人在线免费观看视视频| 91精品久久久久久综合乱菊| 精品国产一区二区在线| 午夜精品久久久久久久白皮肤| 97精品国产97久久久久久春色| 久久大大胆人体| 精品国产一区二区三区久久| 日韩成人激情影院| 欧美精品在线观看| 国产精品视频99| 国产一区二区三区日韩欧美| 色青青草原桃花久久综合| 欧美一区二区三区免费观看| 91精品久久久久久久久不口人| 欧美日韩中文在线| 自拍偷拍免费精品| 日韩精品在线电影| 欧美日本黄视频| 亚洲成在人线av| 成人444kkkk在线观看| 粉嫩老牛aⅴ一区二区三区| 亚洲高清av在线| 91精品视频免费看| 欧美极度另类性三渗透| 国产精品99久久久久久白浆小说| 成人黄色影片在线| 亚洲人线精品午夜| 国产在线精品成人一区二区三区| www.亚洲人.com| 黑人巨大精品欧美一区二区| 国产精品一区二区久久久| 国产丝袜精品第一页| 久久亚洲精品国产亚洲老地址| 日韩中文字幕视频在线| 免费91麻豆精品国产自产在线观看| 欧美一级淫片播放口| 亚洲精品videossex少妇| 欧美亚洲视频在线看网址| 国产不卡av在线| 国产经典一区二区| 亚洲国产精品va在线观看黑人| 国产视频精品在线| 97视频免费在线观看| 懂色aⅴ精品一区二区三区蜜月| 国产亚洲成av人片在线观看桃| 自拍亚洲一区欧美另类| 久久乐国产精品| 欧美另类69精品久久久久9999| 岛国视频午夜一区免费在线观看| 这里只有精品在线播放| 国产精品一区av| 久久精品国产一区| 国产a∨精品一区二区三区不卡| 欧美成人激情图片网| 欧美日韩激情视频| 精品一区二区电影| 国产精品第3页| 国产精品视频一区二区三区四| 日韩精品视频免费专区在线播放| 亚洲国产一区二区三区在线观看| 亚洲午夜精品久久久久久久久久久久| 欧美大尺度在线观看| 自拍偷拍亚洲一区| 亚洲欧美精品suv| 中文欧美在线视频| 中文在线不卡视频| 欧美精品videosex极品1| 91精品在线播放| 欧美亚洲国产成人精品| 久久影院中文字幕| 亚洲国产日韩欧美在线动漫| 国产在线视频91| 色妞在线综合亚洲欧美| 国产精品高潮呻吟久久av野狼| 久久视频国产精品免费视频在线| 国产成人a亚洲精品| 亚洲高清av在线| 欧美性猛交xxxx黑人| 欧美日韩在线观看视频小说| 国产精品露脸av在线| 精品国产一区二区三区久久久| 91亚洲精品视频| 日韩av手机在线看| 欧美高清不卡在线| 91高清在线免费观看| 欧美激情一区二区三区成人| 日本高清不卡在线| 久久久中精品2020中文| 欧美日韩在线视频一区| 欧美成人激情在线| 久久久久久久91| 久久久国产精品视频| 国产精品尤物福利片在线观看| 国产一区二区三区日韩欧美| 亚洲自拍偷拍视频| 91av视频在线观看| 亚洲视频在线观看网站| 国产成人在线播放| 日本免费久久高清视频| 色偷偷噜噜噜亚洲男人的天堂| 456国产精品| 亚洲品质视频自拍网| 亚州成人av在线| 成人黄色av免费在线观看|