GET 与 POST 的本质区别

简介

Get 、 Post 、HTTP

在学习 Http 请求的时候，很多时候关注其表面内容。在实战中吃亏甚多！让我们一起从本质上看清 GET 与 POST 的区别吧！

观其形

运用层面观察所得

web开发 观其形

• 接触过 web 开发的人都能说出 get 与 post 的区别：
  1. get 是从服务器上获取数据， post 是向服务器发送数据。
  2. get 将参数置于 URL 中， post 将数据置于 请求主体中。
  3. get 传送的数据量较小，不能大于 2 KB； post 一般被默认为不受限制。
  4. get 安全性低，post 安全性较高。

网络搜索 观其形

• 网上搜索完整解释可得：（正确答案）
  1. GET在浏览器回退时是无害的，而POST会再次提交请求。
  2. GET产生的URL地址可以被Bookmark，而POST不可以。
  3. GET请求会被浏览器主动cache，而POST不会，除非手动设置。
  4. GET请求只能进行url编码，而POST支持多种编码方式。
  5. GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
  6. GET请求在URL中传送的参数是有长度限制的，而POST么有。
     对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
  7. GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
  8. GET参数通过URL传递，POST放在Request body中。

知其意

但 GET 与 POST 本质上是没有区别的

GET 和 POST 是什么？

• 他们是 HTTP 协议中的俩种发送请求的方法。
• HTTP 是基于 TCP/IP的关于数据如何在万维网中如何通信的协议
• HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP，也就是说，GET/POST都是TCP链接。GET和POST能做的事情是一样一样的。你要给GET加上request body，给POST带上url参数，技术上是完全行的通的。

GET 与 POST 的实现基础

在网络世界中，TCP是汽车，用来运输数据，从来不会发生丢件少件的现象。但是如果路上跑的全是看起来一模一样的汽车，那这个世界看起来是一团混乱，送急件的汽车可能被前面满载货物的汽车拦堵在路上，整个交通系统一定会瘫痪。为了避免这种情况发生，交通规则HTTP诞生了。HTTP给汽车运输设定了好几个服务类别，有GET, POST, PUT, DELETE等等，HTTP规定，当执行GET请求的时候，要给汽车贴上GET的标签（设置method为GET），而且要求把传送的数据放在车顶上（url中）以方便记录。如果是POST请求，就要在车上贴上POST的标签，并把货物放在车厢里。当然，你也可以在GET的时候往车厢内偷偷藏点货物，但是这是很不光彩；也可以在POST的时候在车顶上也放一些数据，让人觉得傻乎乎的。HTTP只是个行为准则，而TCP才是GET和POST怎么实现的基本。

GET 与 POST 的参数大小限制

在我大万维网世界中，还有另一个重要的角色：运输公司。不同的浏览器（发起http请求）和服务器（接受http请求）就是不同的运输公司。 虽然理论上，你可以在车顶上无限的堆货物（url中无限加参数）。但是运输公司可不傻，装货和卸货也是有很大成本的，他们会限制单次运输量来控制风险，数据量太大对浏览器和服务器都是很大负担。业界不成文的规定是，（大多数）浏览器通常都会限制url长度在2K个字节，而（大多数）服务器最多处理64K大小的url。超过的部分，恕不处理。如果你用GET服务，在request body偷偷藏了数据，不同服务器的处理方式也是不同的，有些服务器会帮你卸货，读出数据，有些服务器直接忽略，所以，虽然GET可以带request body，也不能保证一定能被接收到哦。

GET 与 POST 产生数据包

• GET产生一个TCP数据包；POST产生两个TCP数据包。
  • 对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；
  • 而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。

因为POST需要两步，时间上消耗的要多一点，看起来GET比POST更有效。但这是一个坑！跳入需谨慎。为什么？

1. GET与POST都有自己的语义，不能随便混用。

2. 据研究，在网络环境好的情况下，发一次包的时间和发两次包的时间差别基本可以无视。而在网络环境差的情况下，两次包的TCP在验证数据包完整性上，有非常大的优点。

3. 并不是所有浏览器都会在POST中发送两次包，Firefox就只发送一次。

悟其神

post 请求数据置于 url 后，get 请求数据置于 request body 不一定能成功

？：上传文件的时候，既需要传入文件，又需要传入其他数据。

A：你们肯定会说，放在formData 中不就好了吗：

formData=new FormData(); // new一个formData事件
formData.append("file",this.file);  // 将file属性添加到formData里
formData.append('id', msg);

但总会有人把 post 请求入参写成这样：

ERROR：把数据置于下方{}内，其实数据也还是formData

最终解决方案：

axios.post('url?groupCode = groupCode', formData, config)

原文链接