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
)
