從頭開始的Javascript 入門 -ajax day12

前言

AJAX是異步的Javascript和XML的縮寫。實際含義是可以在不重新刷新整個網頁的情況下，局部更新網頁。比如，更新局部表單，在用戶填寫一個字段以後，可以馬上把該行數據發送給服務器，服務器進行驗證，即時返回錯誤，不用等待表單內容全部填寫完畢再發送給服務器，快捷方便。

用AJAX進行局部刷新的步驟

（1） HTML和CSS完成頁面編寫

（2） XMLHttpRequest 和web 服務器進行數據的異步交換

（3） Javascript操作DOM進行頁面局部刷新

HTTP請求

HTTP請求簡介

（1）HTTP協議使得瀏覽器可以向服務器請求信息及服務。HTTP是一種無狀態的協議，也就是服務器不保留歷史請求信息，不建立持久聯繫的請求，即，瀏覽器發出請求->服務器響應請求->聯繫斷開。

GET和POST

GET：一般用於信息獲取，使用URL傳遞參數，對發送信息的數量有限制，多用於查詢頁面，修改URL就可以發送請求，方便但是不安全。GET是冪等的。

POST：一般用於修改服務器上資源，對於發送信息無數量限制，比較安全。

HTTP響應

響應的狀態碼：
1XX：信息類，表示收到瀏覽器請求，正在進一步的處理中
2XX：成功；
3XX：重定向，表示請求沒有成功，客戶必須採取進一步的動作
4XX：客戶端錯誤，表示客戶端提交的請求有錯誤
5XX：服務器錯誤，表示服務器不能完成請求的處理。

XMLHttpRequest發送請求

var request=new XMLHttpRequest();
 
request.open(“GET”,”get.php”,true);
 
request.send();
 
request.onreadystatechange=function(){
 
  if(request.readyState===4&&request.status===200){
 
  //do something
 
  }
 
}