HTTP的請求與響應以及使用Chrome的查看方式

時間 2019-11-30

標籤 http 請求響應以及使用 chrome 查看方式欄目 HTTP/TCP 简体版

原文原文鏈接

HTTP 的做用就是指導瀏覽器和服務器如何進行溝通。今天，咱們就HTTP的請求與響應，作出簡短的介紹。html

HTTP 請求

這裏使用 curl 命令來實現請求

請求示例1：

瀏覽器

curl -s -v -H "TEST: test" -- "https://www.baidu.com"
複製代碼

這是向服務器發送一個get請求，請求獲取當前服務器的內容。其中 -H "TEST: test" 無心義能夠刪除，表示能夠添加一個內容。
咱們能夠看一下請求結果。

請求示例2：

curl -X POST -d "1234567890" -s -v -H "Test: test" -- "https://www.baidu.com"
複製代碼

該請求能夠將 '1234567890' 字符串請求上傳至服務器。咱們能夠看一下請求結果。

以第一個命令爲例，請求的內容爲：(都只截取了其中以>開頭的請求內容)

GET / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: */*
TEST: test
複製代碼

能夠看出請求的格式爲：

1 動詞路徑協議/版本
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 Host: www.baidu.com
2 User-Agent: curl/7.54.0
3
4 要上傳的數據

請求最多包含四部分，最少包含三部分（也就是說第四部分能夠爲空）
第三部分永遠都是一個回車（\n）
經常使用動詞有 GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS 等
這裏的路徑包括「查詢參數」，但不包括「錨點」
若是你沒有寫路徑，那麼路徑默認爲 /
第 2 部分中的 Content-Type 標註了第 4 部分的格式

用Chrome開發者工具查看 HTTP 請求內容

打開 Network
地址欄輸入網址
在 Network 點擊，查看 request，點擊「view source」
能夠看到請求的前三部分
若是有請求的第四部分，那麼在 FormData 或 Payload 裏面能夠看到
bash

HTTP 響應

以上面兩個請求爲示例，咱們截取獲得的響應 (以<開頭)：

第一個：
服務器

HTTP/1.1 200 OK
Accept-Ranges: bytes
Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
Connection: Keep-Alive
Content-Length: 2443
Content-Type: text/html
Date: Wed, 05 Dec 2018 12:10:46 GMT
Etag: "58860429-98b"
Last-Modified: Mon, 23 Jan 2017 13:24:57 GMT
Pragma: no-cache
Server: bfe/1.0.8.18
Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/

<!DOCTYPE html> ... 省略
複製代碼

第二個：
app

HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 17931
Content-Type: text/html
Date: Wed, 05 Dec 2018 12:42:04 GMT
Etag: "54d9748e-460b"
Server: bfe/1.0.8.18

<html> ... 省略
複製代碼

能夠看出響應的格式爲：

1 協議/版本號狀態碼狀態解釋
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下載的內容

狀態碼是服務器對瀏覽器說的話，能夠查閱或記憶
狀態解釋沒什麼用
第 2 部分中的 Content-Type 標註了第 4 部分的格式
第 2 部分中的 Content-Type 遵循 MIME 規範
dom