- 相關(guān)推薦
ajax技術(shù)的基礎(chǔ)教程
ajax技術(shù)的基礎(chǔ)教程
1.什么是Ajax?
Ajax的全稱是：AsynchronousJavaScript+XML
2.Ajax的定義：
Ajax不是一個技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特這處，合在一起就成了一個功能強(qiáng)大的新技術(shù)。
3.Ajax包括：
XHTML和CSS
使用文檔對象模型(DocumentObjectModel)作動態(tài)顯示和交互
使用XML和XSLT做數(shù)據(jù)交互和操作
使用XMLHttpRequest進(jìn)行異步數(shù)據(jù)接收
使用JavaScript將它們綁定在一起
Web開發(fā)領(lǐng)域的最新時髦術(shù)語其實(shí)質(zhì)是“舊貌換新顏”。
Ajax（AsynchronousJavaScriptandXML）是結(jié)合了Java技術(shù)、XML以及JavaScript等編程技術(shù)，可以讓開發(fā)人員構(gòu)建基于Java技術(shù)的Web應(yīng)用，并打破了使用頁面重載的慣例。
Ajax是使用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開發(fā)方法。這樣，Web頁面不用打斷交互流程進(jìn)行重新加裁，就可以動態(tài)地更新。使用Ajax，用戶可以創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動態(tài)的Web用戶界面。
異步JavaScript和XML（AJAX）不是什么新技術(shù)，而是指這樣一種方法：使用幾種現(xiàn)有技術(shù)——包括級聯(lián)樣式表（CSS）、JavaScript、XHTML、XML和可擴(kuò)展樣式語言轉(zhuǎn)換（XSLT），開發(fā)外觀及操作類似桌面軟件的Web應(yīng)用軟件。實(shí)現(xiàn)Ajax的所有組件都已存在了許多年。AdaptivePath的用戶體驗(yàn)戰(zhàn)略部門主管兼創(chuàng)辦合伙人JesseJamesGarrett今年2月發(fā)表在AdaptivePath網(wǎng)站上的一篇文章中杜撰了這個術(shù)語。
異步這個詞是指AJAX應(yīng)用軟件與主機(jī)服務(wù)器進(jìn)行聯(lián)系的方式。如果使用舊模式，每當(dāng)用戶執(zhí)行某種操作、向服務(wù)器請求獲得新數(shù)據(jù)，Web瀏覽器就會更新當(dāng)前窗口。
如果使用AJAX的異步模式，瀏覽器就不必等用戶請求操作，也不必更新整個窗口就可以顯示新獲取的數(shù)據(jù)。只要來回傳送采用XML格式的數(shù)據(jù)，在瀏覽器里面運(yùn)行的JavaScript代碼就可以與服務(wù)器進(jìn)行聯(lián)系。JavaScript代碼還可以把樣式表加到檢索到的數(shù)據(jù)上，然后在現(xiàn)有網(wǎng)頁的某個部分加以顯示。
在面向消費(fèi)者的諸多應(yīng)用當(dāng)中，Google的Gmail和GoogleMaps就是最常見的例子。在Gmail當(dāng)中，AJAX負(fù)責(zé)如何開啟線程會話，以顯示不同郵件的文本內(nèi)容。而在Maps當(dāng)中，AJAX允許用戶以一種似乎無縫的方式拖拉及滾動地圖。
還有雅虎的Flickr像片共享應(yīng)用和亞馬遜網(wǎng)站的A9搜索引擎。另外，雅虎新的Web郵件服務(wù)可能很快就會吸引AJAX支持者的莫大關(guān)注，這項(xiàng)服務(wù)基于雅虎收購Oddpost后得到的技術(shù)。
這些UI都充分地使用了后臺通道，也被一些開發(fā)者稱為“Web2.0”，并導(dǎo)致了大家對Ajax應(yīng)用興趣的`猛漲。
然而，AJAX應(yīng)用軟件廠商越來越把目光瞄準(zhǔn)了企業(yè)。譬如說，Scalix的WebAccess電子郵件應(yīng)用軟件其實(shí)比微軟Outlook自己的Web郵件界面更像Outlook。
不過AJAX應(yīng)用軟件的適用領(lǐng)域具有一定的局限性。因?yàn)樗鼈兝昧艘恍┳钚碌腤eb技術(shù)，所以只能在某些Web瀏覽器里面運(yùn)行——不過AJAX適用的瀏覽器正越來越多。
Ajax
Ajax，異步JavaScript與XML，是使用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開發(fā)方法。這樣，Web頁面不用打斷交互流程進(jìn)行重新加裁，就可以動態(tài)地更新。使用Ajax，你可以創(chuàng)建接近本地桌面應(yīng)用的，直接的、高可用的、更豐富的、更動態(tài)的Web用戶接口界面。
Ajax處理過程
一個Ajax交互從一個稱為XMLHttpRequest的JavaScript對象開始。如同名字所暗示的，它允許一個客戶端腳本來執(zhí)行HTTP請求，并且將會解析一個XML格式的服務(wù)器響應(yīng)。Ajax處理過程中的第一步是創(chuàng)建一個XMLHttpRequest實(shí)例。使用HTTP方法（GET或POST）來處理請求，并將目標(biāo)URL設(shè)置到XMLHttpRequest對象上。
現(xiàn)在，記住Ajax如何首先處于異步處理狀態(tài)？當(dāng)你發(fā)送HTTP請求，你不希望瀏覽器掛起并等待服務(wù)器的響應(yīng)，取而代之的是，你希望通過頁面繼續(xù)響應(yīng)用戶的界面交互，并在服務(wù)器響應(yīng)真正到達(dá)后處理它們。要完成它，你可以向XMLHttpRequest注冊一個回調(diào)函數(shù)，并異步地派發(fā)XMLHttpRequest請求。控制權(quán)馬上就被返回到瀏覽器，當(dāng)服務(wù)器響應(yīng)到達(dá)時，回調(diào)函數(shù)將會被調(diào)用。
在JavaWeb服務(wù)器上，到達(dá)的請求與任何其它HttpServletRequest一樣。在解析請求參數(shù)后，servlet執(zhí)行必需的應(yīng)用邏輯，將響應(yīng)序列化到XML中，并將它寫回HttpServletResponse。
一個Ajax交互從一個稱為XMLHttpRequest的JavaScript對象開始。如同名字所暗示的，它允許一個客戶端腳本來執(zhí)行HTTP請求，并且將會解析一個XML格式的服務(wù)器響應(yīng)。Ajax處理過程中的第一步是創(chuàng)建一個XMLHttpRequest實(shí)例。使用HTTP方法（GET或POST）來處理請求，并將目標(biāo)URL設(shè)置到XMLHttpRequest對象上。
現(xiàn)在，記住Ajax如何首先處于異步處理狀態(tài)？當(dāng)你發(fā)送HTTP請求，你不希望瀏覽器掛起并等待服務(wù)器的響應(yīng)，取而代之的是，你希望通過頁面繼續(xù)響應(yīng)用戶的界面交互，并在服務(wù)器響應(yīng)真正到達(dá)后處理它們。要完成它，你可以向XMLHttpRequest注冊一個回調(diào)函數(shù)，并異步地派發(fā)XMLHttpRequest請求。控制權(quán)馬上就被返回到瀏覽器，當(dāng)服務(wù)器響應(yīng)到達(dá)時，回調(diào)函數(shù)將會被調(diào)用。
在JavaWeb服務(wù)器上，到達(dá)的請求與任何其它HttpServletRequest一樣。在解析請求參數(shù)后，servlet執(zhí)行必需的應(yīng)用邏輯，將響應(yīng)序列化到XML中，并將它寫回HttpServletResponse。
一個Ajax交互從一個稱為XMLHttpRequest的JavaScript對象開始。如同名字所暗示的，它允許一個客戶端腳本來執(zhí)行HTTP請求，并且將會解析一個XML格式的服務(wù)器響應(yīng)。Ajax處理過程中的第一步是創(chuàng)建一個XMLHttpRequest實(shí)例。使用HTTP方法（GET或POST）來處理請求，并將目標(biāo)URL設(shè)置到XMLHttpRequest對象上。
現(xiàn)在，記住Ajax如何首先處于異步處理狀態(tài)？當(dāng)你發(fā)送HTTP請求，你不希望瀏覽器掛起并等待服務(wù)器的響應(yīng)，取而代之的是，你希望通過頁面繼續(xù)響應(yīng)用戶的界面交互，并在服務(wù)器響應(yīng)真正到達(dá)后處理它們。要完成它，你可以向XMLHttpRequest注冊一個回調(diào)函數(shù)，并異步地派發(fā)XMLHttpRequest請求。控制權(quán)馬上就被返回到瀏覽器，當(dāng)服務(wù)器響應(yīng)到達(dá)時，回調(diào)函數(shù)將會被調(diào)用。
在JavaWeb服務(wù)器上，到達(dá)的請求與任何其它HttpServletRequest一樣。在解析請求參數(shù)后，servlet執(zhí)行必需的應(yīng)用邏輯，將響應(yīng)序列化到XML中，并將它寫回HttpServletResponse。
【ajax技術(shù)的基礎(chǔ)教程】相關(guān)文章：
關(guān)于Ajax技術(shù)原理的幾點(diǎn)總結(jié)01-10
關(guān)于ps的基礎(chǔ)教程07-05
聲樂的入門基礎(chǔ)教程05-18
PHP入門基礎(chǔ)教程大全10-28
美甲彩繪基礎(chǔ)教程09-29
手繪基礎(chǔ)教程：素描靜物09-06
紋繡入門基礎(chǔ)教程08-10