AJAX無疑是2005年炒的最熱的Web開發技術之一,當然,這個功勞離不開Google。我只是一個普通開發者,使用AJAX的地方不是特別多,我就簡單的把我使用的心得說一下。 (本文假設使用者已經具有JavaScript、HTML、CSS等基本的Web開發能力)
[AJAX介紹]
Ajax是使用客戶端腳本與Web伺服器交換資料的Web應用開發方法。 Web頁面不用打斷互動流程進行重新加裁,就可以動態地更新。使用Ajax,使用者可以建立接近本機桌面應用程式的直接、高可用、更豐富、更動態的網路使用者介面。
非同步JavaScript和XML(AJAX)不是什麼新技術,而是使用幾種現有技術-包括級聯樣式表(CSS)、JavaScript、XHTML、XML和可擴展樣式語言轉換(XSLT),開發外觀及操作類似桌面軟體的網頁應用軟體。
[AJAX執行原理]
一個Ajax互動從一個稱為XMLHttpRequest的JavaScript物件開始。如同名字所暗示的,它允許一個客戶端腳本來執行HTTP請求,並且將會解析一個XML格式的伺服器回應。 Ajax處理過程中的第一步是建立一個XMLHttpRequest實例。使用HTTP方法(GET或POST)來處理請求,並將目標URL設定到XMLHttpRequest物件上。
當你發送HTTP請求,你不希望瀏覽器掛起並等待伺服器的回應,取而代之的是,你希望透過頁面繼續響應用戶的介面交互,並在伺服器回應真正到達後處理它們。要完成它,你可以向XMLHttpRequest註冊一個回呼函數,並非同步地派發XMLHttpRequest請求。控制權馬上就被回到瀏覽器,當伺服器回應到達時,回呼函數將會被呼叫。
[AJAX實際應用]
1. 初始化Ajax
Ajax其實就是呼叫了XMLHttpRequest對象,那麼首先我們的就必須呼叫這個對象,我們建構一個初始化Ajax的函數:
/**
* 初始化一個xmlhttp對象
*/
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax