Ajax IBM系列一 入門層級

標籤：

Ajax 由 HTML、JavaScript? 技術、DHTML 和 DOM 組成，這一傑出的方法可以將笨拙的 Web 介面轉化成互動性的 Ajax 應用程式

  一）.介紹Ajax 是幹什麼的

• 傳統型應用程式  　　 　　   ：傳統型應用程式通常以 CD 為介質（有時候可從網站下載）並完整安裝到您的電腦上。傳統型應用程式可能使用互連網下載更新，但運行這些應用程式的代碼在案頭電腦上
• Web 應用程式　　          ：Web 應用程式運行在某處的 Web 服務器上 —— 毫不奇怪，要通過 網頁瀏覽器訪問這種應用程式。

　　傳統型應用程式：一般很快（就在您的電腦上運行，不用等待互連網串連），具有漂亮的使用者介面（通常和作業系統有關）和非凡的動態性。可以單擊、選擇、輸入、開啟菜單和子功能表、到處巡遊，基本上不需要等待。

　　Web 應用程式是最新的潮流，它們提供了在案頭上不能實現的服務（比如 Amazon.com 和 eBay）。但是，伴隨著 Web 的強大而出現的是等待，等待伺服器響應，等待螢幕重新整理，等待請求返回和產生新的頁面。

 

　　Ajax建立傳統型應用程式的功能和互動性，與不斷更新的 Web 應用程式之間的橋樑。可以使用像傳統型應用程式中常見的動態使用者介面和漂亮的控制項，不過是在 Web 應用程式中

　　（Ajax 是 Asynchronous JavaScript and XML（以及 DHTML 等）的縮寫）

　　Ajax屬於老技術新技巧： 

　　下面是 Ajax 應用程式所用到的基本技術：

• HTML 用於建立 Web 表單並確定應用程式其他部分使用的欄位。
• JavaScript 代碼是運行 Ajax 應用程式的核心代碼，協助改進與伺服器應用程式的通訊。
• DHTML 或 Dynamic HTML，用於動態更新表單。我們將使用 div、span 和其他動態超文字標記語言 元素來標記 HTML。
• 文件物件模型 DOM 用於（通過 JavaScript 代碼）處理 HTML 結構和（某些情況下）伺服器返回的 XML。

　　

二）.XMLHttpRequest 對象

　　XMLHttpRequest。這是一個 JavaScript 對象，這是處理所有伺服器通訊的對象。建立該對象很簡單，如清單 1 所示。

　　清單 1. 建立新的 XMLHttpRequest 對象

　　<script language="javascript" type="text/javascript">　　var xmlHttp = new XMLHttpRequest();　　</script>

　　通過 XMLHttpRequest對象與伺服器進行對話的是 JavaScript 技術。這不是一般的應用程式流程，這恰恰是 Ajax 的強大功能的來源。

　　Ajax 基本上就是把 JavaScript 技術和 XMLHttpRequest 對象放在 Web 表單和伺服器之間。當使用者填寫表單時，資料發送給一些 JavaScript 代碼而不是 直接發送給伺服器。相反，JavaScript 代碼捕獲表單資料並向伺服器發送請求。同　　時使用者螢幕上的表單也不會閃爍、消失或延遲。  請求是非同步發送的，就是說 JavaScript 代碼（和使用者）不用等待伺服器的響應。因此使用者可以繼續輸入資料、滾動螢幕和使用應用程式。

　　　　伺服器將資料返回 JavaScript 代碼（仍然在 Web 表單中），後者決定如何處理這些資料。它可以迅速更新表單資料，讓人感覺應用程式是立即完成的，表單沒有提交或重新整理而使用者得到了新資料。JavaScript 代碼甚至可以對收到的資料　　執行某種計算，再發送另一個請求，完全不需要使用者幹預！這就是 XMLHttpRequest 的強大之處。類似於傳統型應用程式的動態、快速響應、高互動性的體驗，但是背後又擁有互連網的全部強大力量。

Ajax IBM系列一 入門層級