IT兄弟連 JavaWeb教程 使用AJAX發送GET請求並獲取響應

GET請求用於獲取數據，有時候咱們須要獲取的數據須要經過"查詢參數"進行定位，在這種狀況下，咱們會將查詢參數追加到URL的末尾，令服務器解析。

使用Ajax發送GET請求很是簡單，代碼以下：

function GetRequest(){

    var xhr = null;

    if(window.XMLHttpRequest){

         xhr = new XMLHttpRequest();

    }else{

         xhr = new ActiveXObject("Microsoft.XMLHttp");

    }

    xhr.open('get’,’/ajax_demo?username=itxdl&password=123456’,true);

    xhr.onreadystatechange = function(){

         if(xhr.readyState == 4 && xhr.status == 200){

              var data = xhr.responseText;

         }

    }

    xhr.send(null);

}

總結：

●  建立XHR對象var xhr = new XMLHttpRequest()或var xhr = new ActiveXObject ("Microsoft.XMLHttp")。

●  創建HTTP鏈接 xhr.open('GET’,URL,ASYNC)。

●  給XHR狀態綁定一個回調函數 xhr.onreadystatechange = function(){}。

●  在回調函數中判斷Ajax的狀態是否等於4，HTTP狀態碼是否等於200，而後編寫相應的業務邏輯。

●  發送一個HTTP請求 xhr.send(null);使用GET請求時send方法參數爲null，若是傳值的話，服務器也不會接受。