ajax技術的基礎教程

  ajax技術的基礎教程

1.什麼是Ajax?

ajax技術的基礎教程

Ajax的全稱是:AsynchronousJavaScript+XML

的定義:

Ajax不是一個技術,它實際上是幾種技術,每種技術都有其獨特這處,合在一起就成了一個功能強大的新技術。

包括:

XHTML和CSS

使用文檔對象模型(DocumentObjectModel)作動態顯示和交互

使用XML和XSLT做數據交互和操作

使用XMLHttpRequest進行異步數據接收

使用JavaScript將它們綁定在一起

Web開發領域的最新時髦術語其實質是“舊貌換新顏”。

Ajax(AsynchronousJavaScriptandXML)是結合了Java技術、XML以及JavaScript等編程技術,可以讓開發人員構建基於Java技術的Web應用,並打破了使用頁面重載的慣例。

Ajax是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣,Web頁面不用打斷交互流程進行重新加裁,就可以動態地更新。使用Ajax,用戶可以創建接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。

異步JavaScript和XML(AJAX)不是什麼新技術,而是指這樣一種方法:使用幾種現有技術——包括級聯樣式表(CSS)、JavaScript、XHTML、XML和可擴展樣式語言轉換(XSLT),開發外觀及操作類似桌面軟件的Web應用軟件。實現Ajax的所有組件都已存在了許多年。AdaptivePath的用戶體驗戰略部門主管兼創辦合夥人JesseJamesGarrett今年2月發表在AdaptivePath網站上的一篇文章中杜撰了這個術語。

異步這個詞是指AJAX應用軟件與主機服務器進行聯繫的方式。如果使用舊模式,每當用戶執行某種操作、向服務器請求獲得新數據,Web瀏覽器就會更新當前窗口。

如果使用AJAX的異步模式,瀏覽器就不必等用戶請求操作,也不必更新整個窗口就可以顯示新獲取的數據。只要來回傳送採用XML格式的數據,在瀏覽器裏面運行的JavaScript代碼就可以與服務器進行聯繫。JavaScript代碼還可以把樣式表加到檢索到的數據上,然後在現有網頁的某個部分加以顯示。

在面向消費者的諸多應用當中,Google的Gmail和GoogleMaps就是最常見的例子。在Gmail當中,AJAX負責如何開啓線程會話,以顯示不同郵件的文本內容。而在Maps當中,AJAX允許用戶以一種似乎無縫的方式拖拉及滾動地圖。

還有雅虎的Flickr像片共享應用和亞馬遜網站的A9搜索引擎。另外,雅虎新的Web郵件服務可能很快就會吸引AJAX支持者的莫大關注,這項服務基於雅虎收購Oddpost後得到的技術。

這些UI都充分地使用了後臺通道,也被一些開發者稱爲“Web2.0”,並導致了大家對Ajax應用興趣的猛漲。

然而,AJAX應用軟件廠商越來越把目光瞄準了企業。譬如說,Scalix的WebAccess電子郵件應用軟件其實比微軟Outlook自己的Web郵件界面更像Outlook。

不過AJAX應用軟件的適用領域具有一定的`侷限性。因爲它們利用了一些最新的Web技術,所以只能在某些Web瀏覽器裏面運行——不過AJAX適用的瀏覽器正越來越多。

  Ajax

Ajax,異步JavaScript與XML,是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣,Web頁面不用打斷交互流程進行重新加裁,就可以動態地更新。使用Ajax,你可以創建接近本地桌面應用的,直接的、高可用的、更豐富的、更動態的Web用戶接口界面。

  Ajax處理過程

一個Ajax交互從一個稱爲XMLHttpRequest的JavaScript對象開始。如同名字所暗示的,它允許一個客戶端腳本來執行HTTP請求,並且將會解析一個XML格式的服務器響應。Ajax處理過程中的第一步是創建一個XMLHttpRequest實例。使用HTTP方法(GET或POST)來處理請求,並將目標URL設置到XMLHttpRequest對象上。

現在,記住Ajax如何首先處於異步處理狀態?當你發送HTTP請求,你不希望瀏覽器掛起並等待服務器的響應,取而代之的是,你希望通過頁面繼續響應用戶的界面交互,並在服務器響應真正到達後處理它們。要完成它,你可以向XMLHttpRequest註冊一個回調函數,並異步地派發XMLHttpRequest請求。控制權馬上就被返回到瀏覽器,當服務器響應到達時,回調函數將會被調用。

在JavaWeb服務器上,到達的請求與任何其它HttpServletRequest一樣。在解析請求參數後,servlet執行必需的應用邏輯,將響應序列化到XML中,並將它寫回HttpServletResponse。

一個Ajax交互從一個稱爲XMLHttpRequest的JavaScript對象開始。如同名字所暗示的,它允許一個客戶端腳本來執行HTTP請求,並且將會解析一個XML格式的服務器響應。Ajax處理過程中的第一步是創建一個XMLHttpRequest實例。使用HTTP方法(GET或POST)來處理請求,並將目標URL設置到XMLHttpRequest對象上。

現在,記住Ajax如何首先處於異步處理狀態?當你發送HTTP請求,你不希望瀏覽器掛起並等待服務器的響應,取而代之的是,你希望通過頁面繼續響應用戶的界面交互,並在服務器響應真正到達後處理它們。要完成它,你可以向XMLHttpRequest註冊一個回調函數,並異步地派發XMLHttpRequest請求。控制權馬上就被返回到瀏覽器,當服務器響應到達時,回調函數將會被調用。

在JavaWeb服務器上,到達的請求與任何其它HttpServletRequest一樣。在解析請求參數後,servlet執行必需的應用邏輯,將響應序列化到XML中,並將它寫回HttpServletResponse。

一個Ajax交互從一個稱爲XMLHttpRequest的JavaScript對象開始。如同名字所暗示的,它允許一個客戶端腳本來執行HTTP請求,並且將會解析一個XML格式的服務器響應。Ajax處理過程中的第一步是創建一個XMLHttpRequest實例。使用HTTP方法(GET或POST)來處理請求,並將目標URL設置到XMLHttpRequest對象上。

現在,記住Ajax如何首先處於異步處理狀態?當你發送HTTP請求,你不希望瀏覽器掛起並等待服務器的響應,取而代之的是,你希望通過頁面繼續響應用戶的界面交互,並在服務器響應真正到達後處理它們。要完成它,你可以向XMLHttpRequest註冊一個回調函數,並異步地派發XMLHttpRequest請求。控制權馬上就被返回到瀏覽器,當服務器響應到達時,回調函數將會被調用。

在JavaWeb服務器上,到達的請求與任何其它HttpServletRequest一樣。在解析請求參數後,servlet執行必需的應用邏輯,將響應序列化到XML中,並將它寫回HttpServletResponse。