HTTP的初探-0基礎web前端入門(二)

時間 2019-12-06

標籤 http 初探基礎 web 前端入門欄目 HTTP/TCP 简体版

原文原文鏈接

HTTP 請求包括哪些部分

GET請求內容

GET / HTTP/1.1
    Host: www.baidu.com
    User-Agent: curl/7.54.0
    Accept: */*

複製代碼

內容解析

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 要上傳的數據

複製代碼

知識點解析
1. 請求最多包含四部分，最少包含三部分。（也就是說第四部分能夠爲空）
2. 第三部分永遠都是一個回車（\n）
3. 動詞有 GET(獲取) POST(提交) PUT(所有更新) PATCH(部分更新) DELETE(刪除) HEAD OPTIONS 等
4. 這裏的路徑包括「查詢參數」，但不包括「錨點」也就是不包括#後面的內容
5. 若是你沒有寫路徑，那麼路徑默認爲 /
6. 第 2 部分中的 Content-Type 標註了第 4 部分的格式

如何用用 Chrome 查看請求內容

用 F12 打開控制檯而後點擊Network html
找到有請求內容的請求鏈接而後點擊Request Header 右邊的 view paresd 前端

3.地址欄輸入網址，以 baidu.com 爲例 4.點擊Network，查看request，點擊view source 瀏覽器

5.這樣咱們就能夠看到請求的前三部分了，如圖所示就是GET請求的實例，咱們能夠對照着前面給出的標準再次理解一下。 bash

HTTP 響應包括哪些部分

GET響應內容

HTTP/1.1 302 Found
    Connection: Keep-Alive
    Content-Length: 17931
    Content-Type: text/html
    Date: Tue, 10 Oct 2017 09:19:47 GMT
    Etag: "54d9749e-460b"
    Server: bfe/1.0.8.18
    
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"> 後面太長，省略了……

複製代碼

內容解析

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

複製代碼

狀態碼記憶服務器
1. 1xx 不經常使用
2. 2xx 表示成功
3. 3xx 表示網址移動到了別的地方
4. 4xx 表示瀏覽器(前端)發出的請求錯誤
5. 5xx 表示服務器(後臺)錯誤
注意要點app
1. 狀態解釋沒什麼用
2. 第 2 部分中的 Content-Type 標註了第 4 部分的格式
3. 第 2 部分中的 Content-Type 遵循 MIME 規範