深度剖析HTTP协议—GET/PUT请求方法的使用-构造请求的方法

活动发起人@小虚竹想对你说：

这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。我们诚挚邀请你参加为期14天的创作挑战赛！

提醒：在发布作品前，请将不需要的内容删除。

各位看官，大家早安午安晚安呀~~~

如果您觉得这篇文章对您有帮助的话

欢迎您一键三连，小编尽全力做到更好
欢迎您分享给更多人哦

今天我们来学习-深度剖析HTTP协议—GET/PUT请求方法的使用-构造请求的方法

2.HTTP的报文结构分析

请求和响应的报文结构大同小异

2.1.URL中各个字段的含义

片段标识符：

有的页面很长，就要分成很多片段，通过片段标识符就可以完成页面内部的跳转。（一般技术文档会这么搞。

关于 URLencode（就是转义字符，在UTF-8的基础上加上%）

像 / ? : 等这样的字符, 已经被url当做特殊意义理解了. 因此这些字符不能随意出现.

比如, 某个参数中需要带有这些特殊字符, 就必须先对特殊字符进行转义.

例子：我搜索C++

C++就会转义成为

一个中文字符由 UTF-8 或者 GBK 这样的编码方式构成, 虽然在 URL 中没有特殊含义, 但是仍然需要进行转义. 否则浏览器可能把 UTF-8/GBK 编码中的某个字节当做 URL 中的特殊符号然后就会造成解析错误。

注意：

我们在使用URL的时候一定对query string 的内容进行urlcode操作，如果不处理号可能就会造成浏览器解析失败，导致请求无法正常进行！！！

2.2.HTTP协议请求方法（在请求头中）：

看似很多方法，但是实际上我们一般只用到前两个（GET和POST），所以小编主要就是讲前两个

其中GET方法用的超过8成，POST自己占一成，其他方法公用一成（天下文才共十斗哈哈哈）

2.2.1.GET方法

GET方法的特点（一般用于获取数据，通常把要传给服务器的数据加到）

首行的第一部分为 GET
URL 的 query string 可以为空, 也可以不为空.
body 可以为空，也可不不为空
GET请求是等幂的（建议）

2.2.2.POST方法

POST方法：一般用来登录或者上传文件（图片……）

这个就是在gitee上传头衔抓的包

上传头像的body比较长是因为：

图片本身就是二进制数据，此处把图片放到http请求中，往往要进行base64转码（针对二进制数据进行重新编码（转义）编码之后变成纯文本的数据。）

POST方法的特点

首行的第一部分为 POST
URL 的 query string 一般为空 (也可以不为空)
body 部分一般不为空. body 内的数据格式通过 header 中的 Content-Type 指定. body 的长度由header 中的 Content-Length 指定.
POST请求一般是不幂等的

2.2.3GET方法和POST方法的区别

首先GET方法和POST没有本质区别（大家现在不是按照各个方法原本的语义来的）

但是还是有一定的差异，首先先给大家看几个相对正确的说法

但是接下来的说法就不对了

3.Header里面的一些键值对：

3.1.Content-Length和Content-Type

Content-Length：描述body中数据的长度
Content-Type：描述body数据的格式

只有请求中有body才会有这两个属性，GET请求一般没有body，POST请求中有body

Content-Length：确保了HTTP数据报的边界

没有body的HTTP请求，直接用空行（分隔符）就把两个HTTP数据包分隔开来了
有的，就加一个body数据的长度（确定这个数据报到哪里结束）

HTTP数据包在TCP的粘包问题也会得到很好的解决

HTTP在传输层极速依赖于TCP的，使用同一个TCP连接传输多个HTTP数据报，多个HTTP数据报就会在TCP缓冲区里面紧挨在一起，有了分隔符和COntent0-Length就明确了HTTP数据包之间的边界

Content-Type：

3.2.User-Agent（UA）

以前UA的主要功能，以及

以前，网页刚兴起的时候，很简单就是一些单纯的文字（浏览器功能也很原始）
然后，网页逐步发展，浏览器的功能也逐步升级可以支持图片，css（样式），js，多媒体，……（这个时候浏览器的迭代很快，但是新的浏览器诞生之后并不是全部占领市场，一般都是新老浏览器并存）
这个时候，网站开发者开发的时候就要考虑到不同版本的兼容性问题，我们就可以通过UA来区分不同版本的浏览器，譬如我第一代不支持图片，但是第二代支持图片（我们在开发网站的返回的网页时，给第二代返回一个图片，给第一代返回一个字符串——当前浏览器版本过低不支持显示图片，请升级到最新版本的浏览器）

现在UA主要的功能：
如今浏览器版本之间的差距就比较小了（UA的作用就没那么关键了），现在UA主要用来区分用户上网是PC端还是移动端

现在前端开发有个：“响应式网页”的编程技术同html可以很好的兼容不同的设备

什么是响应式网页编程呢？

响应式网页编程的关键就是让网页能够“感知”到设备的特性（比如屏幕大小），然后通过CSS和HTML的灵活布局，自动调整网页的外观和内容

就像手机上看一个16:9的图片竖着看的话就只能适应比例（只占据了屏幕的一小部分），但是电脑看就不用适应比例（电脑本身就是16：9）

3.3.Referer:描述了当前网页是从哪个网页跳转过来的

虽然是在网页上面，但是你在地址栏搜索或者点击搜藏中按钮都是内Referer的

拿我在百度搜索的抓包来看

referer一般是用来算钱的，可以把百度的referer的改成其他平台的referer，这样我们点击广告的钱就变成搜狗的了。这种情况以前很常见

一个事件就是“运营商劫持”

运营商可以在路由器上部署一些程序，就很容易获取到用户的HTTP请求并且进行修改~

所以这个时候就需要对HTTP协议进行加密，就算有人获取到了用户的HTTP请求，也无法进行解密（很困难）

3.4.Cookie

Cookie:浏览器在本地存储数据的一种方式。

现代浏览器设计时，会避免网页直接访问计算机的文件系统，因此，浏览器封装了操作文件的API，浏览器作为中间层，管理所有Cookie的读写操作。网页不能直接访问文件系统。

Cookie里面放的都是一些键值对，一般是程序员自定义的（和query string差不多）。Coookie往往是从服务器返回的数据（也可以是页面自己生成的）
Cookie存储在浏览器所在主机的硬盘上面，并且是按照域名进行存储的（每个域名下都有自己的Cookie，彼此之间不相互影响）

而且如今浏览器内部也嵌套了简单的数据库，也是一种本地存储的一种方式

4.HTTP响应首行中的状态码

状态码表

关于状态码418：

418状态码是HTTP RFC文档中专门规定的一个状态码，这个状态码没有实际的意义，是“彩蛋”的意思

3.如何构造一个HTTP请求？

直接在浏览器地址栏输入URL，就构造了一个请求（只不过我们没设定各个键值对），我们进行编程构造HTTP请求的时候大多数都是针对键值对做文章
通过一些特殊的html标签，触发HTTP请求（像img，a，link，script）
通过from表单只能构造GET和POST请求（from本质上也是一个HTML标签）
ajax。通过js提供的api构造HTTP请求
通过图形化界面postman来构造请求（这个最方便）

接下来我们通过form表单的格式以及postman给大家演示一下from表单来构造GET/POST请求

但是一个前提是我们编写前端代码，要选择一个趁手的开发工具，我推荐VSCode，IDEA的话得是专业版的才行

VSCode下载路径

3.1.通过form表单的格式构造GET/POST请求

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>构造HTML的请求</html></HTml></title>
</head>
<body><form action="http://www.baidu.com/abc.html" method="get"><input type="text" name="key1"><input type="text" name="key2"><input type="text" name="key3"><input type="submit" value="提交"></form>
</body>
</html>