请求到后台百分号被删除原因_HTTP请求和响应介绍

  • HTTP 请求包括哪些部分,如何用Chrome开发者工具查看 HTTP 请求内容
  • HTTP 响应包括哪些部分,如何用Chrome开发者工具查看 HTTP 响应内容
  • 如何使用 curl 命令

1、HTTP 请求包括哪些部分,如何用Chrome开发者工具查看 HTTP 请求内容

HTTP请求的一般包括四部分

(1)动词 路径 协议/版本
(2)Key1: value1
(2)Key2: value2
(2)Key3: value3
(2)Content-Type: application/x-www-form-urlencoded
(2)Host: 网站(http://www.baidu.com)
(2)User-Agent: curl/7.54.0
(3)
(4)要上传的数据

部分解释:

  1. 请求最多包含四部分,最少包含三部分。(也就是说第四部分可以为空)
  2. 第三部分永远都是一个回车(n
  3. 动词有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
  4. 这里的路径包括「查询参数」,但不包括「锚点」
  5. 如果你没有写路径,那么路径默认为 /
  6. 第 2 部分中的 Content-Type 标注了第 4 部分的格式

使用Chrome开发者工具演示,以百度首页为例:

打开Chrome浏览器后输入Ctrl+Shift+L打开Chrome开发者工具:

点击标红这里的Network

69b375844b860d841517f950952a980f.png

网页地址栏输入http://www.baidu.com,对应的会在开发者工具中显示第一个标红处用鼠标点击。

如果弹出这种界面,想把它隐藏掉,可以点击标红处的按钮。

50b3e6fe9687e5af453c0fa3962d091e.png

点击如下标红处,一般是第一个

e143b7004631f11535b27ba89743b274.png

然后就可以看到右边弹出来三个选项,点击标红的Request开头的,也就是请求

bfc3143d77d4650392cdf15157c1f29b.png

进入后一定要点击以下view source

d16f0ff42c41ff260ee217582237951d.png

可以看到第一部分(1)动词 路径 协议/版本 和第二部分(2)Key1: value1 (2)Key2: value2 (2)Key3: value3......

第三部分为空格,因为没有上传数据,所以没有第四部分。

90c45600e43abd49b7b6ea6a0b9d36e6.png

2、HTTP 响应包括哪些部分,如何用Chrome开发者工具查看 HTTP 响应内容

HTTP响应的一般包括四部分

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

部分解释:

  • 状态码要背,是服务器对浏览器说的话
    • 1xx 不常用
    • 2xx 表示成功
    • 3xx 表示滚吧
    • 4xx 表示你丫错了
    • 5xx 表示好吧,我错了

具体解释可以查看下面维基百科,需要FQ哦。如果不能FQ,百度输入HTTP状态码也可以查询具体解释。

https://zh.wikipedia.org/wiki/HTTP%E7%8A%B6%E6%80%81%E7%A0%81​zh.wikipedia.org
  • 状态解释没什么用
  • 第 2 部分中的 Content-Type 标注了第 4 部分的格式
  • 第 2 部分中的 Content-Type 遵循 MIME 规范

操作跟HTTP请求是一样的。

不同的是点击是Response开头标红的部分

579b440f050fbc961923c90ab824e49b.png

同样别忘记点击标红的view source

27f32c754b003d329fbf28421bb26944.png

可以看到第一部分(1)协议/版本号 状态码 状态解释和第二部分(2)Key1: value1 (2)Key2: value2 (2)Key3: value3......

第三部分为空格。

dfc01fc755b53c9c42e225262b1189d0.png

第四部分需要点击这个标红的Response按钮就会显示出来啦。

1d024cbb8fc4c22c3364173c2ac667e6.png

3、如何使用 curl 命令

首先我们通过tldr和explainshell来看看具体的用法。就是用来下载网页信息的命令。

06ac880c9d8157a1e27032d76ee633a3.png

比如:后面的动词如果不输入默认就是get,比如这两个的结果是一样的

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

curl -X GET -s -v -H "bomber: xxx" -- "https://www.baidu.com"

c9e22f5690c12b2850b1d614a00d84a3.png

其中-s silent(静止的),代表不显示进度。如果删除它将会显示一大堆进度信息。

98ade48a5df6be8673efa466e25530f0.png

其中-v verbose(冗长的),代表进度请求(以>表示)和响应(以<表示)的信息,如果删除它将不会显示请求(以>表示)和响应(以<表示)的信息。

4742e06024d46b3adaf368a9637fa2fa.png

其中-H "bomber: xxx",代表请求的第二部分中自己增加输入的信息。如果删除,请求里面就不会显示bomber: xxx。

b0be1ad8a2c717dc111007ca4e5b404a.png

如果是需要上传数据,类似你的账号和密码信息,服务器后台会根据上传的数据返回响应的信息,后面必须要自己输入响应的动词POST。

curl -X POST -d "1234567890" -s -v -H "bomber: xxx" -- "https://www.baidu.com"

079500d33644427379c031c814874385.png

其中-d "1234567890"就是你上传的数据为1234567890。

可以看到请求的第一行的动词已经修改为POST啦,因为POST会返回你上传数据后台处理后信息,所以会显示CSS的信息,但是百度首页是不支持POST的,所以响应中出现的HTTP状态码是302,并且字节的长度大了很多,因为根据你上传的信息返回了很多CSS信息。

adcca30f22a328d213702cbb9e67000e.png

adcca30f22a328d213702cbb9e67000e.png

更多其他的关于curl命令的信息可以参考阮一峰的博客:

curl网站开发指南 - 阮一峰的网络日志​www.ruanyifeng.com

jiapeng的博客

Linux curl 命令下载文件​www.cnblogs.com

2018.12.2增加

如果使用curl下载网站代码可以如下操作。

curl 网站 > 本地保存的名字

比如

80f74f7c3dffea74bd1112fbf1172a12.png

这样网站的代码内容就下载到本地的server.js里面保存啦

想要查看代码内容可以输入cat 本地文件名字即可,例如

8e2e0ae0870755903fca5ed654256e6a.png

本文为本人的原创文章,著作权归本人和饥人谷所有,转载务必注明来源

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值