HTTP入门之请求与响应
2018-10-07 本文已影响10人
xyyojl
HTTP入门
- curl命令的使用
- HTTP请求
- HTTP响应
一、curl命令的使用
1. GET请求
curl -s -v -H "xxx: yyy" -- "https://www.baidu.com"
如果不清楚,如何使用curl命令的话,可以查看常用命令行的使用及explainshell.com的使用技巧,这里就不多讲,废话少说,直接进入正题。
-
-s
不要显示进度条 -
-v
要显示请求和响应 -
-H
添加响应头 - https://www.baidu.com 请求的网站
-
"xxx: yyy"
可以不用写的,下同
不知道为什么在windows下先把要下载的内容放在前面,还有其他东西还特别多,这里就展示重要的内容


上面图片中出现的
*
代表是注释,>
代表的是请求的内容,<
代表的是响应的内容
请求的内容:
请求的内容 | 含义 |
---|---|
GET / HTTP/1.1 | 获取根目录,使用协议是HTTP1.1 |
Host: www.baidu.com | 请求的网址 |
User-Agent: curl/7.59.0 | 用的软件是curl/7.59.0,发起请求 |
Accept: / | 接受你返回的所有内容 |
xxx: yyy | 上面命令有的这个,下面请求的内容也会显示这个 |
回车 |
响应的内容:(下面的响应内容是我能够理解,有一些不能理解,这个就没有写出来)
响应的内容 | 含义 |
---|---|
HTTP/1.1 200 OK | 协议是HTTP,版本号是1.1 状态码是200 状态解释是OK |
Content-Length: 2443 | 响应内容的长度 |
Content-Type: text/html | Content-Type标注响应内容的格式 |
回车 |
2. POST请求
curl -X POST -s -v -H "xxx: yyy" -- "https://www.baidu.com"
请求的内容:
> POST / HTTP/1.1
> Host: www.baidu.com
> User-Agent: curl/7.59.0
> Accept: */*
> xxx: yyy
>
响应的内容:
< HTTP/1.1 302 Found
< Connection: Keep-Alive
< Content-Length: 17931
< Content-Type: text/html
< Date: Sun, 07 Oct 2018 01:56:57 GMT
< Etag: "54d9748e-460b"
< Server: bfe/1.0.8.18
<
3. POST请求带数据
curl -X POST -d "1234567890" -s -v -H "xxx: yyy" -- "https://www.baidu.com"
请求的内容:
> POST / HTTP/1.1
> Host: www.baidu.com
> User-Agent: curl/7.59.0
> Accept: */*
> xxx: yyy
> Content-Length: 10
> Content-Type: application/x-www-form-urlencoded
>
响应的内容:
< HTTP/1.1 302 Found
< Connection: Keep-Alive
< Content-Length: 17931
< Content-Type: text/html
< Date: Sun, 07 Oct 2018 02:00:10 GMT
< Etag: "54d9748e-460b"
* Server bfe/1.0.8.18 is not blacklisted
< Server: bfe/1.0.8.18
<
二、HTTP请求
1.HTTP请求的格式(包含的部分)
部分 | 内容 |
---|---|
第1部分 | 动词 路径 协议/版本 |
第2部分 | Key1: value1 |
第2部分 | Key2: value2 |
第2部分 | Content-Type: application/x-www-form-urlencoded |
第2部分 | Host: www.baidu.com |
第2部分 | User-Agent: curl/7.54.0 |
第3部分 | |
第4部分 | 要上传的数据 |
PS.
- 请求最多包含4部分,最少包含3部分(第4部分可以为空)
- 第3部分永远都是一个回车(\n),分隔第2部分和第4部分
- 动词有GET(获取) POST(上传) PUT(整体更新) PATCH(局部更新) DELETE(删除) HEAD OPTIONS等
- 这个的路径包含「查询参数」,但不包括「锚点」,跟URL的不同
- 如果你没有写路径,那么路径默认为/,如果你请求的网址是https://www.baidu.com/s?wd=hello,那么路径是/s?wd=hello
- 第 2 部分中的 Content-Type 标注了第 4 部分的格式
2.用 Chrome 开发者工具查看 HTTP 请求内容
打开浏览器,右键点击检查/按F12,打开Chrome 开发者工具

在浏览器的地址栏输入网址

在Network点击查看Request Headers,点击「view source」,看到请求的前三部分



- 如果(POST)才有请求的第四部分,那么在FormData或 Payload 里面可以看到
三、HTTP响应
1.HTTP响应的格式(包含的部分)
部分 | 内容 |
---|---|
第1部分 | 协议/版本号 状态码 状态解释 |
第2部分 | Key1: value1 |
第2部分 | Key2: value2 |
第2部分 | Content-Length: 2443 |
第2部分 | Content-Type: text/html |
第3部分 | |
第4部分 | 要下载的内容 |
PS.
- 状态码要背,是服务器对浏览器说的话
- 1xx 不常用
- 2xx 表示成功(200 普通成功,204 创建成功(POST))
- 3xx 表示滚吧(301永久搬走了,第二部分会告诉新地址;302暂时搬走了(临时不存在),我还会回来这里哒;304这次的内容和上一次说的内容一样,都是一种类型的滚)
- 4xx 表示你丫错了
- 5xx 表示好吧,我错了
- 状态解释没什么用
- GET 请求和 POST 请求对应的响应可以一样,也可以不一样
2.用 Chrome 开发者工具查看 HTTP 请求内容
过程跟请求类似,这里就不多说啦,不同之处已经加粗了
- 打开浏览器,右键点击检查/按F12,打开Chrome 开发者工具
- 在浏览器的地址栏输入网址
- 在Network点击查看 Response Headers,点击「view source」,看到请求的前三部分
- 查看 Response 或者 Preview,你会看到响应的第 4 部分
查看响应的第 4 部分.png