ajax畫圖教程

㈠ AJAX是什麼如何在javaScript中使用

JavaScript能流行，一個很重要的原因是AJAX技術的應用。在網頁中有很多的應用。舉兩個常見的AJAX應用的例子：
1、 在搜索中，我們輸入關鍵字時，網頁會實時展現搜索結果；這是用AJAX實現的。
2、 使用地圖時，地圖會根據用戶顯示的位置不停的更新。這也是通過AJAX實現。

那麼什麼是AJAX呢？
AJAX全稱為Asynchronous JavaScript And XML直譯就是非同步的JavaScript和XML（這里我們主要介紹下JavaScript中AJAX的應用）
通常當JavaScript向伺服器發送請求獲取數據時，伺服器會返回數據。在傳統沒有使用AJAX的網頁中，需要刷新頁面使其重新載入。而AJAX可以使網頁在不重新載入頁面的情況下對網頁的局部進行更新。(比如，當你要放大地圖的時候，你會不斷的向伺服器請求地圖當前位置的詳細信息，伺服器返回數據給你，這里我們並不需要重新載入整個頁面，不然用戶體驗就太差了。而是局部更新頁面。)

由於我不可能在這寫一個地圖這樣復雜的例子，而為了演示AJAX的使用，我借用了秒秒學的一個簡單示例：

// 簡單的AJAX舉例。

// 1: 創建請求變數
var myRequest;

// 瀏覽器的特徵檢查。
if (window.XMLHttpRequest) { //若支持，則是火狐、谷歌等瀏覽器。
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // 若不支持, 則是IE瀏覽器。
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

// 2: 為請求添加事件處理代碼。
myRequest.onreadystatechange = function(){
console.log("匿名函數被調用！");
console.log(myRequest.readyState);
if (myRequest.readyState === 4) {
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};

// 3: 配置發送請求
myRequest.open('GET', 'simple.txt', true);
myRequest.send(null);

//....

使用AJAX主要分三部分，如示例中的
1、 創建請求的變數。
在script文件中，首先聲明XMLHttpRequest對象,這也是題主說的Ajax的核心。瀏覽器頁面能通過XMLHttpRequest對象和伺服器進行通訊。因為這個對象的創建因瀏覽器的不同而有區別。所以我們要用if語句判斷XMLHttpRequest是否存在。

2、 為請求添加事件處理代碼
創建好XMLHttpRequest對象後，就可以向伺服器發送請求了，不過我們首先處理伺服器響應的事件。當伺服器響應後會觸發myRequest對象的onreadystatechange事件。
在onreadystatechange事件中我們看到myRequest調用了readyState屬性，readyState有4個值表示目前響應所在的階段，各數值表示如下：
l 1：請求已經建立，但是還沒有發送（還沒有調用 send()）。
l 2：請求已發送，正在處理中（通常現在可以從響應中獲取內容頭）。
l 3：請求在處理中；通常響應中已有部分數據可用了，但是伺服器還沒有完成響應的生成。
l 4：響應已完成；您可以獲取並使用伺服器的響應了。
我們一般只關心readyState的值為4的情況，表示響應已完成。

3、 配置發送請求
使用open方法配置請求。它有三個參數：
1、第一個參數表示用GET獲取伺服器中的數據。
2、第二個參數是一個伺服器地址，這里我們用本地的simple.txt代替，省去創建伺服器的麻煩。
3、第三個參數true表示請求是非同步的，即當請求發送後，JavaScript不會為了等待伺服器的響應而阻塞，它會繼續執行後續代碼。

配置好請求後，用send方法發送請求，這里給send傳遞的參數是null，若有其它參數需要發送，也可以傳遞給send方法。

這樣AJAX的簡單使用例子就說完了，以上示例來自教程網站秒秒學，希望對你有幫助。

㈡ 推薦個ajax的視頻教程..

jQuery是一套獨立的javascript框架,裡麵包含了ajax功能的封裝.
傳統的只說ajax,更多的指使用xmlHttpRequest對象進行純ajax操作.
所以,jQuery>ajax

<<基於ASP.NET和AJAX的博客>>

01_選材設計搭建母版.avi
02_當前活動菜單定位處理.avi
03_使用AuthenticationService實現登錄.avi
04_使用AuthenticationService實現注銷和狀態管理.avi
05_使用RoleService實現角色管理.avi
06_使用ProfileService實現Profile管理.avi
07_使用jQuery插件實現用戶注冊(上).avi
08_使用jQuery插件實現用戶注冊(下)注冊細節調整_功能實現.avi
09_管理日誌分類_tabs插件使用.avi
10_HTML編輯器插件及發表日誌.avi
11_使用jPage_AJAX獲得分布數據.avi
12_使用jBind綁定數據及細節完善.avi
13_顯示日誌和評論列表.avi
14_發表評論.avi
15_發表評論及細節完善.avi
16_按分類查看日誌列表_友情鏈接實現.avi
17_日誌的編輯和刪除.avi
18_刪除評論_存檔記錄.avi
19_搜索功能_關於作者_站點地圖_總結.avi

㈢ 一分鍾學會什麼是Ajax及Ajax請求的五個步驟

AJAX的意思就是非同步的JavaScript和XML。簡而言之，它是使用XMLHttpRequest對象與伺服器端通信的腳本語言。它可以發送及接收各種格式的信息，包括JSON、XML、HTML和文本文件。

Ajax請求的五個步驟：

1、建立xmlHttpRequest對象。

2、設置回調函數。

3、使用OPEN方法與伺服器建立連接xmlHttp.open("get","ajax?name="+ name,true)。

4、向伺服器端發送數據。

5、在回調函數中針對不同的響應狀態進行處理。

介紹

使用 JavaScript 向伺服器提出請求並處理響應而不阻塞用戶核心對象XMLHttpRequest。通過這個對象，您的 JavaScript 可在不重載頁面的情況與 Web 伺服器交換數據，即在不需要刷新頁面的情況下，就可以產生局部刷新的效果。

Ajax 在瀏覽器與 Web 伺服器之間使用非同步數據傳輸（HTTP 請求），這樣就可使網頁從伺服器請求少量的信息，而不是整個頁面。