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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的请求与响应的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。