1. 程式人生 > >ajax請求步驟

ajax請求步驟

ajax:頁面無重新整理讀取伺服器資料

get:通過瀏覽器位址列傳輸資料
- get傳輸資料小
- 安全性較低
- 有快取
post:通過http內部傳輸資料
- 容量較大,一般可達2G
- 安全性相對較高
- 無快取

1.建立一個Ajax物件
//主流瀏覽器
 if(window.XMLHttpRequest)
 var oAjax = new XMLHttpRequest();
//IE7以下低版本瀏覽器
 var oAjax = new ActiveXObject('Microsoft.XMLHTTP');

2.連線到伺服器
 oAjax.open('get/post,'a.php?t='+new Date().getTime(),true);

3.傳送資料
 oAjax.send();

4.接受返回值
onreadystatechange事件通過readyState屬性來判斷請求狀態

readyState:
    0(未初始化)還未呼叫open方法
    1(載入)已經呼叫send方法,正在傳送請求
    2(載入完成)send傳送完成,接受到響應內容
    3(解析)正在解析相應內容
    4(完成)內容解析完成

status屬性:200(成功)404(失敗):oAjax.status==200
伺服器的返回值:oAjax.responseText
if(oAjax.readyState==4){
    if(oAjax.status==200){
        success(oAjax.responseText);
    }else{
        error(oAjax.status);
    }
}