DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> 創建具有JScript的HTML的XMLHTTP
創建具有JScript的HTML的XMLHTTP
編輯:XML詳解     

親愛的 GUI 博士:我有一個關於 XML 的問題。我通過 XMLHTTP 發布一個 ASP 頁面,將數據作為 HTML 發送回來,並在 div、表格單元格或任何元素上執行 object.innerHtml。

我遇到的問題是,有一次,我在 ASP 服務器頁上創建一個表單,並將該表單以 HTML 發送回去,這樣做一切正常。但我還希望對該頁面進行客戶端驗證,因此我將一個 JScript 頁面鏈接放到了我打算發送回去的響應 Html 的正文中。這樣做以後,腳本就無法運行了。

當我在父頁上包括實際的 JScript src 引用時,它可以正常運行。這是因為 JScript 代碼沒有加載到運行庫嗎?能否在響應 XMLHTTP post 時不返回 JScript 代碼並使它正常工作?可以為所創建的頁面即時生成 JScript 函數嗎?

我還沒有嘗試用另一種方式這樣做:通過 XMLHTTP 發布 XML 數據,然後將它作為 XML 數據發送回去,再使用 XSL 樣式表進行轉換。我猜想,可以用那種方式定義 JScript 函數。但這種方式似乎太繁雜了。您有任何建議或答案嗎?

謝謝

Peter Sung

GUI 博士的回復:

是的,Peter,您可以在響應 XMLHTTP post/get 時返回 Microsoft JScript 代碼,並使該代碼得到執行。這樣做就像先拿到一塊蛋糕,然後再吃掉它。正像您猜想得那樣,這樣做的最佳方式是利用 XSL 樣式表;一旦您使所有類型恢復正常,這很容易。GUI 博士甚至可以提供一個快捷的示例。(當然,也有其他的解決方案。只要響應按正確的順序包含正確的標頭和字符,浏覽器將解譯響應,以便響應正常工作。如果需要,您可以利用字符串連接生成響應。)

在下面的示例中,GUI 博士在 ASP 頁中將 JScript 用於客戶端代碼和 VBScript(Microsoft Visual Basic 腳本編寫版)。采用的策略是這樣的:XML 文件只包含數據(以及對樣式表的引用)。XSL 文件包含構成完整頁面所必需的所有 HTML 格式(包括位於適當位置的腳本)。ASP 頁主要包含幾個調用,以創建 XMLHTTP 對象,將 XML 文件載入該對象中(利用隱式樣式表),並將結果 Html 寫入響應流。

要試用這種方法,請執行下面所示的簡單步驟。使用記事本復制和粘貼,並將所有文件保存在 c:\inetpub\wwwroot 中。

1.
 創建一個包含以下 XML 文本且名為 books.XML 的文件。記下對 books.xsl 樣式表的引用。除此之外,此文件只包含數據。

<?XML version="1.0"?>
<?XML-stylesheet type="text/xsl" href="books.xsl" ?>
<catalog>
   <book id="bk101">
      <author>Gambardella, Matthew</author>
      <title>XML Developer's Guide</title>
</book>
   <book id="bk102">
      <author>Ralls, Kim</author>
      <title>Midnight Rain</title>
   </book>
</catalog>


2.
 然後,創建一個包含以下代碼且名為 books.xsl 的文件。此文件是第 1 步中創建的 books.xml 所引用的樣式表。它包含將上面的 XML 文件正確地格式化為 HTML 頁所必需的信息,甚至在該 Html 頁上包括腳本。

<?XML version="1.0" encoding="UTF-8" ?>

<xsl:stylesheet version="1.0"
XMLns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="Html" indent="yes"/>
<xsl:template match="/">
<Html>
<head>
<title>Test</title>
</head>
<script language="JScript">
function Test_OnLoad()
{
var objXML = new ActiveXObject("MSXML2.DOMDocument");
objXML.async=false;
objXML.load("books.XML");
alert(objXML.XML);
objXML=null;
}
</script>
<body onload="Test_OnLoad()">
<table border="1">
<xsl:for-each select="catalog/book">
<tr>
<td>
<xsl:value-of select="author"/>
</td>
<td>
<xsl:value-of select="title"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</Html>
</xsl:template>
</xsl:stylesheet>


3.
 最後,創建一個包含以下代碼且名為 books.ASP 的文件。此文件只用於創建 XMLHTTP 對象,為其加載 XML 文件,並將結果 Html 寫入響應流。

<%
dim sxh
Response.contentType = "text/XML"
set sxh = Server.CreateObject("MSXML2.XMLHTTP.3.0")
sxh.open "GET","http://localhost/books.XML",false
sxh.send
Response.write sxh.responsetext
%>
 
 
4.
 打開您的浏覽器,定位到 http://localhost/books.ASP 頁。
 
5.
 您會看到顯示包含 books.XML 數據的警報。這是由 XSL 文件中的腳本完成的。您還會在網頁上的一個表中看到格式整齊的數據。這是由 XSL 代碼完成的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved