HTTP入门

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.动词有GET（获取） POST（新增/上传） PUT（整体更新） PATCH（部分跟新） DELETE（上传） HEAD OPTIONS 等
2.路径一般为“/”
3.协议为HTTP
4.版本为1.1或2

第二部分为“Key: value”
1.格式均为“Key: value”，需要注意的是冒号右边存在着一个空格

第三部分为一个换行符\n

第四部分为提交内容（可以为空）

如何用Chrome开发者工具查看 HTTP 请求内容

1.打开 Network
2.地址栏输入网址
3.在 Network 点击，查看 request，点击「view source」
4.点击「view source」点击「view source」点击「view source」
5.点了以后，可以看到请求的前三部分
6.如果有请求的第四部分，那么在 FormData 或 Payload 里面可以看到

HTTP响应

HTTP响应包括四部分，如下所示：

1 协议/版本号 状态码 状态解释
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下载的内容

第一部分为“协议/版本号状态码状态解释”
1.协议为HTTP
2.版本号一般为1.1或2
3.状态码可查阅维基百科：https://zh.wikipedia.org/wiki/HTTP%E7%8A%B6%E6%80%81%E7%A0%81
4.状态解释不需理会

第二部分为“Key: value”
1.格式均为“Key: value”，需要注意的是冒号右边存在着一个空格

第三部分为一个换行符\n

第四部分为下载内容

如何用Chrome开发者工具查看 HTTP 响应内容

（与查看HTTP请求类似）
1.打开 Network
2.输入网址
3.选中第一个响应
4.查看 Response Headers，点击「view source」，点击「view source」，点击「view source」
5.你会看到响应的前两部分
6.查看 Response 或者 Preview，你会看到响应的第 4 部分

如何使用curl命令

curl -s -v -H "xuanzebin:xxx" -- "https://www.baidu.com"

创造请求.png

curl命令的作用：通过使用curl来创造一个请求

“-s”的用作为：不显示创造的进度
“-v”的作用为：显示请求和响应
“-H”的作用为：添加请求头
"-d"的作用为：添加上传的内容
“--”的作用为：输入请求的URL地址（记得在--后面要加一个空格）
可以通过在curl后面增加“-X 动词”来改变请求的内容

curl -s -v -H "xuanzebin: xxx" -- "https://www.baidu.com"
请求的内容为

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

curl -X POST -s -v -H "xuanzebin: xxx" -- "https://www.baidu.com"
请求的内容为

POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.55.0
Accept: */*
xuanzebin: xxx

curl -X POST -d "1234567890" -s -v -H "xuanzebin: xxx" -- "https://www.baidu.com"
请求的内容为

POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.55.0
Accept: */*
xuanzebin: xxx
Content-Length: 10
Content-Type: application/x-www-form-urlencoded

1234567890