發送ajax步驟

一、建立異步對象  通常命名爲xhr

    var xhr = new XMLHttpRequest();

 

二、 設置請求行 open(請求方式，請求url)

 

  1.get 須要在url後面拼接參數(若是有參數)

  2.post請求不須要拼接參數

  xhr.open("post","validate.php");

 

三、設置請求頭:setRequestHeader()

 

  1.get不須要設置

  2.post須要設置請求頭：Content-Type:application/x-www-form-urlencoded

     xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");.

   若是沒有設置，參數沒法正確的傳遞到服務器(本質上說，若是沒有參數，也不必定須要設置，不會影響請求的發送)

四、 設置請求體 send()

 

  1.get的參數在url拼接了，因此不須要在這個函數中設置

  2.post的參數在這個函數中設置(若是有參數)

  xhr.send("username="+name);

五、讓異步對象接收服務器的響應數據

 

    一個成功的響應有兩個條件：1.服務器成功響應了 2.異步對象的響應狀態爲4(數據解析完畢能夠使用了)

   當異步對象的響應狀態發生改變的時候，會觸發一個事件：onreadystatechange

   xhr.onreadystatechange = function(){

   判斷服務器是否響應 判斷異步對象的響應狀態

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

　　 //當返回的是xml格式的數據時： console.log(responseXML)

　　 //當返回的是其餘格式的數據時：console.log(responseText)

   }

 

 

服務器響應狀態碼：

  200： 訪問的數據已經獲取到了

  404： 服務器端訪問不到客戶端請求的數據

  500：服務器出錯了

  302： 重定向