程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 獲取XML數據並使用樣式表格式化

獲取XML數據並使用樣式表格式化

編輯:關於JSP

使用樣式表格式化獲得的XML數據,這個如果使用單獨一個XML文件是完全可以的,在XML文件裡面嵌入SXL文件,但是現在不要這麼作,直接獲取XML數據,然後調用XSL文件格式化數據。

這部分演示程序需要使用到AJAX客戶端框架,如下例子所示:

1.ceshi.jsp

<%@ page contentType="text/html;charset=GBK"%>
<script language="javascript" src="js\request.js"></script>
<script language="javascript">
function showXML(){
  var url = "Vehicles.xml";
  get_request( url, "text" );
}
function pageChange( responseText ){
    var xml = new ActiveXObject( "Microsoft.XMLDOM" );
    xml.async = false;
    //load the text of xml data
    xml.loadXML( responseText );
    var xsl = new ActiveXObject( "Microsoft.XMLDOM" );
    xsl.async = false;
    // Load the XSL
    xsl.load( "Vehicles.xsl" );
    var div = document.getElementById( "show" );
    div.innerHTML = xml.transformNode( xsl );
    /**//*
      load()函數加載XML文件
      loadXML()函數加載字符串形式的XML數據
    */
}
</script>
<p>
 <input type="submit" name="Submit" value="提交" onclick="showXML()" />
</p>
<div id="show"></div>

2.Vehicles.xml

<?xml version="1.0" encoding="gb2312"?>
<!--?xml-stylesheet href='Vehicles.xsl' type='text/xsl'?-->
<vehicles>
  <vehicle year="1002" make="Land Rover" model="Discovery">
     <mileage>36500</mileage>
     <color>black</color>
     <price>$32999</price>
  </vehicle>
</vehicles>

3.Vehicles.xsl

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD=xsl">
 <xsl:template match="/">
   <html>
    <head>
     <title>uuu</title>
    </head>
    <body>
     <table align="center" border="2">
     <tr>
      <th>Year</th>
      <th>Make</th>
      <th>Model</th>
      <th>Mileage</th>
      <th>Color</th>
      <th>Price</th>
     </tr>
     <xsl:for-each order-by="+price" select="vehicles/vehicle">
      <tr>
       <td><xsl:value-of select="@year"/></td>
       <td><xsl:value-of select="@make"/></td>
       <td><xsl:value-of select="@model"/></td>
       <td><xsl:value-of select="mileage"/></td>
       <td><xsl:value-of select="color"/></td>
       <td><xsl:value-of select="price"/></td>
      </tr>
     </xsl:for-each>
     </table>
    </body>
   </html>
 </xsl:template>
</xsl:stylesheet>

4.說明

需要注意的XML加載後,XSL文件的加載,以及 xml.transformNode( xsl ) 方法。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved