iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 12
1
自我挑戰組

重新開始的Vue.js 30day系列 第 13

從頭開始的Javascript 入門 -ajax day12

從頭開始的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
 
  }
 
}

上一篇
this的作用和使用方法 day12
下一篇
從頭開始的Javascript 入門 -Event Capture, Propagation, Bubbling Day13
系列文
重新開始的Vue.js 30day21

尚未有邦友留言

立即登入留言