前端開發緊密相關的HTTP協定知識

前端工程師打交道最多的就是瀏覽器，不管做什麼都離不開瀏覽器，其中HTTP協定往往會被我們忽略，但其實資源快取、CDN載入、頁面效能優化等等都離不開對HTTP協定的了解。

HTTP也叫作超文本傳輸協議，全名為：Hyper Transfer Protocol。最初HTTP只能傳輸HTML文件，慢慢的現在可以傳輸文字、圖像、視訊和各種串流文件。

HTTP是無狀態的：同一個客戶端，連續發起多次請求，對HTTP伺服器來說，都是新的請求，HTTP沒辦法知道來自一個客戶端。

HTTP訊息結構：要看具體訊息結構需要用抓包工具，所以這邊只有簡單介紹，沒有具體實例。 Request和response的訊息結構基本上一樣。

Header：分為request/response line和request/response header。

request/response line：包含請求的方法Method（GET/POST）、請求資源的路徑path to resource和http協定的版本號碼。

request/response header：這邊就是各種請求頭了。

Body：響應體，一般是HTML檔。如果是get請求，是沒有回應體的。

HTTP請求方法：

GET    請求取得Request-URI所識別的資源
POST    在Request-URI所識別的資源後附加新的資料
HEAD    請求取得由Request-URI所識別的資源的回應訊息標頭
PUT      請求伺服器儲存一個資源，並以Request-URI作為其識別
DELETE  請求伺服器刪除Request-URI所識別的資源
TRACE   請求伺服器回收到的請求信息，主要用於測試或診斷
CONNECT 保留將來使用
OPTIONS 請求查詢伺服器的性能，或者查詢與資源相關的選項和需求

#對於我們來說，常用的就是GET、和POST。再次聲明，不用表單提交，get不存在跟post比較有安全性問題。

HTTP狀態碼：

1XX  提示訊息 - 表示請求已成功接收，繼續處理。

2XX  成功- 表示請求已成功接收，理解，接受

3XX  重定向- 要完成請求必須進行更進一步的處理

4XX  客戶端錯誤-  請求有語法錯誤或請求無法實現

5XX  伺服器端錯誤-   伺服器未能實現合法的請求

狀態碼很多，可以自行了解，我覺得有幾個是必須知道的。

HTTP通訊過程：依據URL查詢DNS、尋找伺服器、建立TCP連線、傳送請求、伺服器回應。

對於HTTP，我覺得基礎的要知道HTTP是無狀態的、HTTP的訊息結構、基本請求方法、基本狀態碼這四個部分。

HTTP協定需要學習的還很多很多，這只是基本上需要知道的。

歡迎追蹤Coding個人筆記 公眾號

前端工程師打交道最多的就是瀏覽器，不管做什麼都離不開瀏覽器，其中HTTP協定往往會被我們忽略，但其實資源快取、CDN載入、頁面效能最佳化等等都離不開對HTTP協定的了解。

HTTP也叫作超文本傳輸協議，全名為：Hyper Transfer Protocol。最初HTTP只能傳輸HTML文件，慢慢的現在可以傳輸文字、圖像、視訊和各種串流文件。

HTTP是無狀態的：同一個客戶端，連續發起多次請求，對HTTP伺服器來說，都是新的請求，HTTP沒辦法知道來自一個客戶端。

HTTP訊息結構：要看具體訊息結構需要用抓包工具，所以這邊只有簡單介紹，沒有具體實例。 Request和response的訊息結構基本上一樣。

Header：分為request/response line和request/response header。

request/response line：包含請求的方法Method（GET/POST）、請求資源的路徑path to resource和http協定的版本號碼。

request/response header：這邊就是各種請求頭了。

Body：響應體，一般是HTML檔。如果是get請求，是沒有回應體的。

HTTP請求方法：

GET    請求取得Request-URI所識別的資源
POST    在Request-URI所識別的資源後附加新的資料
HEAD    請求取得Request-URI所識別的資源的回應訊息標頭
PUT      請求伺服器儲存一個資源，並以Request-URI作為其標識
DELETE  請求伺服器刪除Request-URI所識別的資源
TRACE   請求伺服器回傳收到的請求訊息，主要用於測試或診斷
CONNECT 保留將來使用
OPTIONS 請求查詢伺服器的效能，或查詢與資源相關的選項和需求

對我們來說，常用的就是GET、和POST。再次聲明，不用表單提交，get不存在跟post比較有安全性問題。

HTTP狀態碼：

1XX  提示訊息 - 表示請求已成功接收，繼續處理。

2XX  成功- 表示請求已成功接收，理解，接受

3XX  重定向- 要完成請求必須進行更進一步的處理

4XX  客戶端錯誤-  請求有語法錯誤或請求無法實現

5XX  伺服器端錯誤-   伺服器未能實現合法的請求

狀態碼很多，可以自行了解，我覺得有幾個是必須知道的。

HTTP通訊過程：依據URL查詢DNS、尋找伺服器、建立TCP連線、傳送請求、伺服器回應。

對於HTTP，我覺得基礎的要知道HTTP是無狀態的、HTTP的訊息結構、基本請求方法、基本狀態碼這四個部分。

HTTP協定需要學習的還很多很多，這只是基本上需要知道的。

【推薦課程：HTTP影片課程】

#

以上是前端開發緊密相關的HTTP協定知識的詳細內容。更多資訊請關注PHP中文網其他相關文章！