實例講解HTTP報文及ajax基礎知識

本文將實例說明HTTP封包及ajax基礎知識，客戶端傳遞給伺服器的內容 和 伺服器傳遞給客戶端的內容 都屬於HTTP封包。 Ajax是客戶端JS中的方法，用來向服務端發送請求,下面透過本文給大家分享HTTP報文及ajax基礎知識，有興趣的朋友一起看看吧。

HTTP封包

客戶端傳遞給伺服器的內容和伺服器傳遞給客戶端的內容都屬於HTTP封包

　　起始行:請求起始行  回應起始行

　　首部:請求首部回應首部通用首部(請求與回應都有的) 自訂首部

　　主體:請求主體  回應主體

客戶端傳遞至伺服器端資料:

　　請求URL後面問號傳參的方式傳遞給伺服器  /getList?name=zhangsan&age=7

　　設定請求的首部（設定請求頭資訊）

#設定請求主體，把傳遞給伺服器的內容放在請求主體中傳遞給伺服器

伺服器端傳遞給客戶端資料:

　　設定回應頭資訊

　　設定回應主體內容

Ajax : async javascript and xml 異步的JS和XML（可擴展的標記語言，在XML文件中使用的標籤都是自己擴展的，利用自己擴展的有規則的標記來存儲相關的資料）

　　Ajax是客戶端JS中的方法，用來向服務端發送請求（還可以傳遞給伺服器端資料），然後把伺服器端傳回的內容取得到（Ajax一般是運行在客戶端的瀏覽器中的）。

Ajax四步:

建立一個Ajax物件(下面的這種寫法在IE6及更低版本的瀏覽器中不支援)

var xhr = new XMLHttpRequest;

發送前的基本訊息配置:配置請求方式（GET、POST、PUT、DELETE、HEAD...）

打開一個URL位址(配置傳送請求給哪一個伺服器位址)

同步或非同步（ true代表異步false代表同步預設是true）

[username]提供伺服器請求的使用者名稱

[userpass]提供伺服器請求的使用者密碼，這兩個值一般都不寫，只有伺服器做了安全的限制，只允許特定的使用者存取的話，我們才傳遞過去

xhr.open('get',"/data.txt",false,[username],[userpass]);

給onreadystatechange這個事件綁定一個方法，監聽狀態的改變（只要狀態改變，就觸發方法執行）

xhr.onreadystatechange = function(){

　　xhr.readyState:AJAX狀態碼，可以代表目前處理的進度

　　0 unset 目前的請求還沒有發送

#　　1 opened URL位址已經開啟（目前的請求還沒有發送

　　1 opened URL位址已經開啟（發送前的參數配置已經完成）

　　2 headers_received 回應頭資訊已接受

　　3 loading 主要傳回的內容正在伺服器端進行準備處理

　　4 done 回應主體的內容正在伺服器端進行準備處理

　　4 done 回應主體的內容已成功傳回給客戶端

　　xhr.status:HTTP網路狀態碼，描述了伺服器回應內容的狀態

　　200 OR ^2\d{2} (200或以2開頭) -> 都代表回應主體的內容已經成功回傳了

　　301  永久重新導向/永久轉移

　　302 暫時重新導向/暫時轉移伺服器的負載平衡

304 本次取得的內容是讀取快取中的資料

　　400 用戶端傳遞給伺服器端的參數出現錯誤

　　401 無權限存取

　　404 客戶端存取的位址不存在

　　500 未知的伺服器錯誤

　　503 伺服器已經超負荷

　　if(xhr.readyState===4 && /^2\d{2}$/.test(xhr.status)){
　　　　var val = xhr.responseText;
　　}
}

傳送請求:參數是請求主體中傳遞給伺服器的內容

xhr.send(null);

相關推薦：

PHP header函數設定http封包頭範例詳解

## 全面總結基於jQuery中ajax的相關方法

###Ajax應該如何使用######

以上是實例講解HTTP報文及ajax基礎知識的詳細內容。更多資訊請關注PHP中文網其他相關文章！