HTTP请求方式大汇总

HTTP的请求方式

GET系列请求 VS POST系列请求

• GET系列请求
  • GET
  • DELETE 一般应用于告诉服务器，从服务器上删除东西（一般应用于文件和大型数据）
  • HEAD 只获取响应头内容，告诉服务器，响应主体的内容不要
  • OPTIONS 试探性请求，发个请求给服务器，看看服务器能否接收到，能不能返回
• POST系列请求
  • POST
  • PUT 和DELETE对应，一般是想让服务器将传递的信息存储到服务器上（一般应用于文件和大型数据）

注意: 真实项目中用对应的请求方式会使得请求变得更加明确（语义化），不遵循语义化方式也是可以的，最起码浏览器在语法上是允许的，但这些是开发者们相互约定俗成的规范。

GET系列一般用于从服务器获取信息，POST系列一般用于给服务器推送信息，但是不论是GET和POST都可以把信息传递给服务器，也能从服务器获取到结果只不过是传递的信息谁多谁少的问题。

• GET : 给的少，拿的多，以获取为主
• POST : 给的多，拿的少，以给予为主
• 应用场景
  • 一开始加载页面，页面当中要展示很多数据，用GET请求方式
  • 完成用户注册功能，用户输入的内容少，用POST方式

客户端怎么把信息传递给服务器

• 问号传参
  • xhr.open(‘GET’,‘/xxx?xxx=xxx&xxx=xxx’)
• 设置请求头
  • xhr.setRequestHeader([key],[value])
• 设置请求主体
  • xhr.send(请求主体信息)

服务器怎么将信息返回给客户端

• 通过响应头
• 通过响应主体（大部分信息都是基于响应主体返回的）

GET系列与POST系列的本质区别:

GET系列传递给服务器信息的方式一般采用: 问号传参 POST系列传递给服务器信息的方式一般采用: 设置请求主体

由传参方式引出的如下本质区别

• 大小

GET传递给服务器的内容比POST少，因为URL有最长大小限制（IE浏览器一般限制2KB，谷歌浏览器般限制4~8KB，超过长度的部分自动被浏览器截取了）

xhr.open('GET'/list?name=xiaoming&year=18&xxx=xxx...')
xhr.send('....') //请求主体中传递的内容理论上没有大小限制，但是真实项目中，为了保证传输的速度，我们会自己限制一些

• 安全

GET相比较POST来说不安全，GET是基于问号传参传递给服务器内容，有一种技术叫做URL劫持，这样别人可以获取或者篡改传递的信息; 而POST基于请求主体传递信息，不容易被劫持

• 缓存

GET会产生缓存(缓存不是自己可控制的): 因为请求的地址(尤其是问号传递的信息一样)，浏览器有时候会认为你要和上次请求的数据一样，拿的是上一次信息，这种缓存我们不期望有，我们期望的缓存是自己可控制的，所以真实项目中，如果一个地址，GET请求多次，我们要去除这个缓存。

//=>解决办法：设置随机数
xhr.open('GET','/list?name=xiaoming&_='+ Math.random())
xhr.open('GET','/list?name=zhufeng& _='+ Math.random())