Ajax學習

建立非同步物件的四大步驟

建立——繫結——初始化——傳送請求

//一般講資料處理放在第二步 “繫結” ，也可以放在其他地方。

//非同步物件中存在回撥機制：即當請求的狀態發生變化時，非同步物件就會自動呼叫onreadystatechange事件對應的函式。即readyState值只要變化，就呼叫一次該函式。從0—1，呼叫一次；1-2，呼叫一次......所以該函式放在四步中的哪一步都是一樣的

建立非同步物件

var xmlHttp = new XMLHttpRequest();

readyState屬性

• 0：表示建立非同步物件時，即 new XMLHttpRequest();

• 1：表示初始化非同步物件時，即 xmlHttp. open();

• 2：表示傳送請求時，即 xmlHttp.send();

• 3：表示從伺服器獲取資料時，但獲取的資料都是原始資料，僅是非同步物件內部使用，開發人員一般不用

• 4：非同步物件把接受的資料處理完成，開發人員使用該資料更新當前頁面

status屬性

• 200：表示網路請求成功

• 404：表示沒有訪問到該頁面

• 500：表示伺服器端程式碼出錯

初始化非同步請求物件

xmlHttp.open("get", "bmiAjax?" + param, true);

//參1：請求方式，get或post； 參2：伺服器訪問地址及提交的資料； 參3：true為非同步請求；false為同步請求

傳送請求

xmlHttp.send();

//非同步物件能獨自發送請求，所以可以不使用表單提交資料

獲取伺服器資料

var data = xmlHttp.responseText;