網站開發根底知識AJAX原理 |
發布時間:2020-09-06 文章來源:本站 瀏覽次數:2644 |
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包括:
Ajax的作業原理 Ajax的核心是JavaScript目標XmlHttpRequest。該目標在Internet Explorer 5中首次引進,它是一種支持異步懇求的技能。簡而言之,XmlHttpRequest使您能夠運用JavaScript向服務器提出懇求并處理呼應,而不阻塞用戶。 在創立Web站點時,在客戶端履行屏幕更新為用戶供給了很大的靈活性。下面是運用Ajax能夠完結的功用:
直接修改表格數據,而不是要求用戶導航到新的頁面來修改數據。對于Ajax,當用戶單擊Edit時,能夠將靜態表格改寫為內容可修改的表格。用戶單擊Done之后,就能夠宣布一個Ajax懇求來更新服務器,并改寫表格,使其包括靜態、只讀的數據。 Ajax 能夠做什么? 如今 Google Suggest 和 Google Maps 運用了 Ajax,經過 Ajax,咱們能夠使得客戶端得到豐富的運用體會及交流操作,而用戶不會感覺到有網頁提交或改寫的進程,頁面也不需求被從頭加載,運用的數據交流都被躲藏。 運用Ajax的主要原因1、經過適當的Ajax運用到達更好的用戶體會; 與傳統的web運用比較 Ajax運用程序應該深入考慮特別用戶的需求,包括不同年齡的用戶,不同背景的用戶等,以及能夠被不同的閱讀設備拜訪,比如移動電話。這些要素的重要性很大程度上取決于你所開發的運用程序的細節需求。 |