請求與響應

HTTP 請求與響應

HTTP 請求的組成的四部分：

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刪除等，通常只獲取數據不上傳就用GET，當要上傳數據時就用POST，除此以外還有HEAD、OPTIONS等
4.這裏的路徑包括「查詢參數」，但不包括「錨點」，若是你沒有寫路徑，那麼路徑默認爲 /
5.第 2 部分中的 Content-Type 標註了第 4 部分的格式，二者是一致的

• 用 Chrome 發請求

1.打開 Network
2.地址欄輸入網址
3.在 Network 點擊，查看 request，點擊「view source」，必定要點不然看不到，這裏只會顯示請求的前三部分。
4.若是有請求的第四部分，那麼在 FormData 或 Payload 裏面能夠看到

HTTP 響應的組成的四部分：

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

• 關於以上各部份內容的碎碎念：

1.狀態碼要背，詳情請點擊這
2.第 2 部分中的 Content-Type 遵循 MIME 規範，並且還標註了第 4 部分的格式，二者是一致的。

• 用 Chrome 查看響應

1.打開 Network
2.輸入網址
3.選中第一個響應
4.查看 Response Headers，點擊「view source」，必定要點不然看不到，點擊後你能看到響應的前兩部分
5.查看 Response 或者 Preview，你會看到響應的第 4 部分

---

關於JS操做請求與響應的一些小筆記

用JS發請求

//獲取登陸頁面
//建立AJAX對象
var r = new XMLHttpRequest()
//設置請求方法和請求地址
r.open('GET','/login',true)
//註冊響應函數
r.onreadystatechange = function(){
    console.log('state change',r)
}
//發送請求
r.send()

JS能夠設置任意請求 header 嗎？

第一部分 request.open('get','/xxx')
第二部分 request.setHeader('content-type','x-www-form-urlencoded')
第四部分 request.send('a=1&b=2')

JS能夠設置任意響應 header 嗎？

第一部分 request.status/request.statusText
第二部分 request.getResponseHeader()/request.getAllResponseHeaders()
第四部分 request.responseText