網站開發根底知識AJAX原理

Ajax簡介

Ajax，運用它能夠構建更為動態和呼應更活絡的Web運用程序。該方法的關鍵在于對閱讀器端的JavaScript、DHTML和與服務器異步通訊的組合。本文也演示了啟用這種方法是多么簡單：運用一個Ajax框架（指DWR）結構一個運用程序，它直接從閱讀器與后端服務進行通訊。假如運用得當，這種強壯的力氣能夠使運用程序愈加天然和呼應活絡，從而提高用戶的閱讀體會。

　　Ajax 的定義

順便說一下，Ajax 是 Asynchronous JavaScript and XML（以及 DHTML 等）的縮寫。這個短語是 Adaptive Path 的 Jesse James Garrett 創造的。

術語Ajax用來描繪一組技能，它使閱讀器能夠為用戶供給更為天然的閱讀體會。在Ajax之前，Web站點強制用戶進入提交/等候/從頭顯現典范，用戶的動作總是與服務器的“考慮時間”同步。Ajax供給與服務器異步通訊的才能，從而運用戶從懇求/呼應的循環中解脫出來。借助于Ajax，能夠在用戶單擊按鈕時，運用JavaScript和DHTML當即更新UI，并向服務器宣布異步懇求，以履行更新或查詢數據庫。當懇求回來時，就能夠運用JavaScript和CSS來相應地更新UI，而不是改寫整個頁面。最重要的是，用戶乃至不知道閱讀器正在與服務器通訊：Web站點看起來是即時呼應的。

　　盡管Ajax所需的根底架構現已出現了一段時間，但直到最近異步懇求的真正威力才得到運用。能夠具有一個呼應極端活絡的Web站點的確激動人心，因為它最終允許開發人員和規劃人員運用規范的HTML/CSS/JavaScript倉庫創立“桌面風格的（desktop-like）”可用性。

　　所有這些Web站點都告訴咱們，Web運用程序不必徹底依賴于從服務器從頭載入頁面來向用戶出現更改。一切好像就在瞬間產生。簡而言之，在涉及到用戶界面的呼應活絡度時，基準設得更高了。

定義Ajax

　　　Ajax不是一種技能。實際上，它由幾種蓬勃發展的技能以新的強壯方法組合而成。Ajax包括：

• 基于XHTML和CSS規范的表示；
• 運用Document Object Model進行動態顯現和交互；
• 運用XMLHttpRequest與服務器進行異步通訊；
• 運用JavaScript綁定一切。

　　Ajax的作業原理

　　Ajax的核心是JavaScript目標XmlHttpRequest。該目標在Internet Explorer 5中首次引進，它是一種支持異步懇求的技能。簡而言之，XmlHttpRequest使您能夠運用JavaScript向服務器提出懇求并處理呼應，而不阻塞用戶。

　　在創立Web站點時，在客戶端履行屏幕更新為用戶供給了很大的靈活性。下面是運用Ajax能夠完結的功用：

• 動態更新購物車的物品總數，無需用戶單擊Update并等候服務器從頭發送整個頁面。
• 提高站點的性能，這是經過減少從服務器下載的數據量而完成的。例如，在Amazon的購物車頁面，當更新籃子中的一項物品的數量時，會從頭載入整個頁面，這有必要下載32K的數據。假如運用Ajax核算新的總量，服務器只會回來新的總量值，因而所需的帶寬僅為本來的百分之一。
• 消除了每次用戶輸入時的頁面改寫。例如，在Ajax中，假如用戶在分頁列表上單擊Next，則服務器數據只改寫列表而不是整個頁面。

直接修改表格數據，而不是要求用戶導航到新的頁面來修改數據。對于Ajax，當用戶單擊Edit時，能夠將靜態表格改寫為內容可修改的表格。用戶單擊Done之后，就能夠宣布一個Ajax懇求來更新服務器，并改寫表格，使其包括靜態、只讀的數據。

Ajax 能夠做什么？

如今 Google Suggest 和 Google Maps 運用了 Ajax，經過 Ajax，咱們能夠使得客戶端得到豐富的運用體會及交流操作，而用戶不會感覺到有網頁提交或改寫的進程，頁面也不需求被從頭加載，運用的數據交流都被躲藏。
傳統的 WEB 運用程序模型是這樣作業的：用戶的界面操作觸發 HTTP 懇求，服務器在接納到懇求之后進行一些業務邏輯處理，如保存數據等，然后向客戶端回來一個 HTML 頁面。但這種方法并沒有給予用戶很好的運用體會，當服務器在處理數據的時分，用戶則處于等候的狀態，每一步操作都需求等候，太多的等候會運用戶越來越沒有耐性。而 Ajax 則大不相同，它經過 Ajax 引擎，使得運用進程很天然，操作很流通，因為其只和服務器交流有用的數據，而頁面顯現等不必要的數據則不再從頭加載。Ajax 引擎其實便是 JavaScript、XML、XMLHttpRequest 等等各項技能的歸納運用。

運用Ajax的主要原因1、經過適當的Ajax運用到達更好的用戶體會；
2、把以前的一些服務器負擔的作業轉嫁到客戶端，利于客戶端擱置的處理才能來處理，減輕服務器和帶寬的負擔，從而到達節約ISP的空間及帶寬租用本錢的意圖。

與傳統的web運用比較
傳統的web運用允許用戶填寫表單(form)，當提交表單時就向web服務器發送一個懇求。服務器接納并處理傳來的表單，然后回來一個新的網頁。這個做法浪費了許多帶寬，因為在前后兩個頁面中的大部分HTML代碼往往是相同的。由于每次運用的交互都需求向服務器發送懇求，運用的呼應時間就依賴于服務器的呼應時間。這導致了用戶界面的呼應比本地運用慢得多。

Ajax運用程序應該深入考慮特別用戶的需求，包括不同年齡的用戶，不同背景的用戶等，以及能夠被不同的閱讀設備拜訪，比如移動電話。這些要素的重要性很大程度上取決于你所開發的運用程序的細節需求。