DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> XMLHTTP: 網站超級粘合劑
XMLHTTP: 網站超級粘合劑
編輯:AJAX詳解     
導 讀:文章介紹了如何利用XMLHTTP與服務器端進行通信的方法,並介紹了一些具體的應用。
--------------------------------------------------------------------------------
XML介紹之二十八:XMLHTTP: 網站超級粘合劑
翻譯:Batman

簡介
許多ASP開發者都希望在自己的網站中能夠使用到微軟提供的支持XML
的新功能。其中,有些人發現可以使用XML來裝飾網站,但是,如果僅僅
是只使用XMLDOM的話,你就會失去其他一些更重要的東西。畢竟,XML是用來
作為一種網上數據表現和數據交換的形象出現的。盡管使用XML可以非常滿意
地描繪你的數據,但是開發者卻不得不使用CGI來進行浏覽器和服務器之間的
數據交換,除非你在浏覽器端和客戶端都使用XML文檔。
當然CGI從傳達信息的角度來說是能夠完全勝任的,但是如果要是和XML來
一起使用的話就讓XML失去了很多自己的用處。幸運的是,微軟提供了一種更加
有效的方法來傳輸XML,雖然該方法在很大程度上並不被人所重視。
在微軟提供的MSXML解釋器包中有一系列的對象,也許沒有人會重視其中的
XMLHTTPConnection對象。簡而言之,它允許你打開一個到服務器上的HTTP連接,
發送一些數據和取回一些數據。並且所有的這一切都是在很少的幾段腳本中就能夠實現。
使用XMLHTTP對象通常是進行XML數據交換,但其他格式的數據也是允許的。

在商業程序中的運用
這種交換類型的標准模式是客戶端發送一個XML格式的文本字符串到服務端,
然後服務端將這個字符串裝載入一個XMLDOM對象中並且解釋它,然後返回一段
Html給客戶端,或則是另外一段XML代碼給客戶端讓客戶端的浏覽器自己解釋。
在這種方式下,對於信息的傳遞來說是非常有效的形式,尤其是當你使用
DHtml允許你根據返回信息動態顯示時。
舉例如下(只能夠運行在客戶端和服務端都安裝有IE5的情況下)
<%
if (Request.ServerVariables("REQUEST_METHOD") == "POST" )
{
var req= Server.CreateObject("Microsoft.XMLDOM");
req.async=false;
req.load(Request);
if (req.documentElement.nodeName=="timesheet")
{
//對數據隨便進行一些處理。。。
.....
Response.write("<h1>Timesheet Updated!</h1><b>"+req.documentElement.text+"</b>");
}
}
else
{ %>

<div id="divDisplay">The response will be put in here</div>
<input type="button" value="Send it!">
<script>
function sendData(){
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
XMLhttp.Open("POST", "http://www.yoursite.com/thispage.ASP", false);
XMLhttp.Send("<timesheet>An impossibly useless timesheet fragment</timesheet>");
divDisplay.innerHtml=XMLhttp.responseText;
}
</script>
<% } %>

在上面的代碼中,其中客戶端的腳本將建立一個適當的COM對象,打開一個在網站
www.yoursite.com的連接(使用了HTTP的POST方法,同步方式),使用Send方法發送
一個XML片段,然後根據服務器上的響應填充divDisplay區域(這裡使用了DHtml)。
具體的執行過程是,在服務器上,Request對象被轉載入一個XML文檔然後被解釋器解釋。
服務器響應XMLHTTP連接的方式和響應其他任何方式的HTTP連接是一樣的,也是使用了
Response對象。注意的是XMLHTTP本身並不檢查request或則response的有效性,也就是說
Request或則Response中的數據可是並不需要一定是XML文檔。
“聰明,”你也許會說。“但是為什麼我們不使用CGI來代替它呢?”呵呵,我們要注意
這樣一件事,就是如果使用這種方式進行客戶端--服務端的交互時整個頁面並沒有被刷新。
我們都知道,如果要是通過CGI來做任何事情都必將導致浏覽器接收一個完整的新頁面,而
這尤其影響網站上的訪問者,因為他們不得不把所有的時間都用來等候整個頁面下載完畢。
同樣,CGI對於網站服務器來說也是一個負擔,因為它不得不把寶貴的處理器循環周期和帶寬
消耗在新頁面的所有部分。如果這樣的操作只是一次或則兩次倒無所謂,但是如果是對任何
一個電子商務網站或則一個基於Web的電子郵件系統,這將意味著大量的同樣的基本頁面信息
被重復一次又一次的裝載。
同樣,如果是通過CGI在網站運用程序中使用XML,服務端一般都將不得不根據數據來建立
XML的文檔,然後才能夠對這些文檔進行自己需要的處理。在這種方式下,服務器將花費
大量的精力在處理如何建構這些XML文檔上,尤其是當需要傳送的數據量很大時。
所以如果是讓客戶端的浏覽器來建立這個XML文檔,並且在建立完畢後通過XMLHTTP將最後的
產品傳遞給服務器,這將大大減輕服務端的代碼量和負擔。
這種類型的問題的一個例子是給服務器上的XML文檔增加數據。如果是使用CGI的話,那麼
就需要頻繁的查詢一個CGI的form,然後才能夠構建一個加入XML文檔的XML節點。而如果是使用
XMLHTTP需要做的僅僅是把這個XML節點傳遞給服務端就可以了。

上面說討論的是XMLHTTP基本部分,有關它的詳細例子你可以在Microsoft Developers
Network中找到例子 。雖然使用這種通訊方式可以大有作為,我在我自己的運用中僅僅只是
使用到了很少的一部分,也許任何一個聰明的開發者都能夠發現更多的運用事例。

使用XMLHTTP而不是CGI(即使是我們心愛的ASP)能夠讓我編寫更多野心勃勃的網站運用
程序,因為現在我們所關心的簡單到只是我們需要發送的數據而已。從而使用很少的代碼
就能夠實現非常復雜的功能,而CGI對於用戶每一個可能的操作都需要我們來完完整整地
生成一個新的頁面。
但是由於目前並不是所有的浏覽器都支持MSXML,許多使用ASP編寫的為了非企業內部
目的的運用程序需要支持CGI的交互。但是欣慰的是,編寫一個同時支持CGI和XMLHTTP數據
的頁面並不是很困難,並且將CGI的數據載入XML文檔中花費的工作量也不是很大。
最簡單的方式來判斷數據是CGI的數據還是XML的數據就是判斷數據的MIME類型.
XMLHTTP的MIME是一個空字符串,除非你特定了其他的MIME類型 (可以到這個連接
查看不同的MIME類型http://msdn.microsoft.com/xml/reference/scriptref/XMLHttpRequest_object.ASP).
而許多CGI的MIME類型是"application/x-www-form-urlencoded"
下面就是一個來判斷的代碼片段:

<%
if (Request.ServerVariables("REQUEST_METHOD") == "POST" )
{
if (Request.ServerVariables("CONTENT_TYPE")=="application/x-www-form-urlencoded")
{//如果是常規數據,讓CGI來處理
Response.write(Request.form("stuff"));

}
else
{//如果是XMLHTTP連接,將Request對象轉載入XML解釋器
var req= Server.CreateObject("Microsoft.XMLDOM");
req.resolveExternals=false;
req.validateOnParse=false;
req.async=false;
req.load(Request);
Response.write(req.documentElement.selectSingleNode("stuff").text);
}
}
else{ %>

這是一種簡單明了的在同一個ASP頁面中即可以處理CGI也可以處理XMLHTTP數據的方法。
並且它也提供了一種能夠兼容在客戶端安裝了IE5.0以及使用其他其他浏覽器浏覽網站的模式。
或則也可以采取另外一種方法,就是我對所有的網站運用程序還是采用以前的CGI接口,
但是在其他類型的客戶端運用程序使用XMLHTTP方法,例如Microsoft Office運用程序。
XMLHTTP的功能並不僅僅局限在浏覽器上,我在Microsoft Office的VBA開發程序中使用XMLHTTP
取得了巨大的成功。現在我假設我被要求使用XML技術在更新我公司服務器上的Excel電子表
格中的數據。Excel能夠將Html表格直接轉載到自己的表格中,但是它不能夠處理格式復雜的
頁面,例如本頁。數據除非使用了非常巧妙的技巧根本沒法插入電子表格。
我的解決方法是編寫了一個ASP頁面來操縱通過XMLHTTP從Excel中傳遞過來的數據。
通過一個VBA的宏給服務器發送一個請求,然後將響應載入XML文檔,通過解釋器解釋後再
插入Excel的電子表格中。這將是一個無痕的解決方案,簡單的一個按鈕也許會讓你的老板、
同事或任何其他人的關系大有改觀。
下面是我實現上述方法的一個代碼片段。它使用XMLHTTP將服務器中的信息載入,然後將
其插入電子表格中。

Public Sub UpdateSheet()

Dim XMLhttp
Set xmlhttp = CreateObject("Microsoft.XMLHTTP")
Call XMLhttp.Open("POST", "http://www.yourserver.com/yourpage.ASP", False)
Call XMLhttp.send("<reqtimesheet user='jimbob'/>")

Dim XMLdoc
Set xmldoc = CreateObject("Microsoft.XMLDOM")
XMLdoc.async = False
xmldoc.loadxml(xmlhttp.responseXML)
Worksheets("TimeSheet").Range("A1").Value = XMLdoc.documentelement.getAttribute("firstname")
Worksheets("TimeSheet").Range("B1").Value = XMLdoc.documentelement.getAttribute("lastname")
Worksheets("TimeSheet").Range("C37").Value = XMLdoc.documentelement.selectSingleNode("totalhours").Text
End Sub

這個VBA的宏相當的簡單。給服務器發送一個請求,然後將服務器上的響應插入
XML文檔,然後更新Excel中cell中的內容。當然,我們可以使用這個技術做其他更多的運用。
例如從一個Office運用程序中上載數據到服務器上的XML文檔中(XML應該是你首選的格式,
而不是Office 2000中提供的愚蠢的OfficeXML實現).或則把XML/ASP作為一個你數據庫的shell
這樣,你的運用程序對於數據庫就有了一個簡潔、統一的接口,而對數據庫結構的
改動就不必要改動你所有的客戶端代碼了。

我發現XMLHTTP對象在我的編程中非常的有用。我一般使用Visual Basic, Delphi, 和 Visual J++編寫程序,在這個過程中,我經常發現這些語言各自對在線程序處理的方法非常地不同,
他們各自有自己的對網絡程序的處理機制,但是如果你要是在處理網絡程序時都使用統一
的XMLHTTP連接方式,那麼連接服務器的代碼將非常小,甚至更優化,這是一種對所有的
語言都統一的接口。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved