Http请求中POST与GET的区别——前端面试

一、原理区别

Http定义了与服务器交互的方法，其中最基本的四种是：GET,POST,PUT,DELETE，正对应着对资源的查，改，增，删。URL的全称是资源描述符，我们可以这样认为，一个URL地址，用于描述一个网络资源。而GET一般是对这个资源的获取/查询，而POST一般用于更新资源信息。一般我们在浏览器输入一个网址都是GET请求。GET用于信息获取，而且应该是安全的和幂等的。所谓安全的意味着该操作用于获取信息而非修改信息。幂等的意味着对同一URL的多个请求应该返回同样的结果。POST表示可能修改变服务器上的资源的请求。

二、表现形式区别

首先，我们先看一下HTTP请求的格式：

<method> <request-URL> <version>  
<headers>  
  
<entity-body>  

在HTTP请求中，第一行必须是一个请求行，包括请求方法，请求URL，报文所用HTTP版本。紧接着是一个headers小节，可以有0个或一个部首，用来说明服务的附加信息。在部首之后就是一个空行，最后就是报文实体的主体部分，包含一个由任意数据块组成的数据块。但是并不是所有的报文都包含实体的主题部分。

GET请求实例：

GET http://weibo.com/signup/signup.php?inviteCode=2388493434  
Host: weibo.com  
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8  

POST请求实例：

POST /inventory-check.cgi HTTP/1.1  
Host: www.joes-hardware.com  
Content-Type: text/plain  
Content-length: 18  
  
item=bandsaw 2647

接下来看两种请求的区别：

1、GET请求，请求的数据会附加在URL之后，以？分割URL和传输数据，多个参数用&连接。URL的编码格式采用的是ASCII编码，而不是Unicode，即是说所有的非ASCII字符都要编码之后再传输。

POST请求:POST请求会把请求的数据放置在HTTP请求包的包体中。上面的item=bandsaw就是实际传输数据。

因此，GET请求会暴露在URL中，而POST请求不会。

2.传输数据的大小

在HTTP规范中，没有对URL的长度和传输的数据大小进行限制。但是在实际开发过程中，对GET，特定的浏览器和服务器对URL的长度限制。因此，在使用GET请求时，传输数据会受到URL长度的限制。

对于POST，由于不是URL传值，理论上是不会受限制的，但实际上各个服务器会规定对POST提交数据大小进行限制，Apache,IIS都有各自的配置。

3、安全性

POST安全性比GET的高。这里的安全是指真正的安全，而不同于上面GET提到的安全方法中的安全，上面提到的安全仅仅是不修改服务器数据。比如，在进行登录操作，通过GET请求，用户名和密码都会暴露在URL上，因为登录页面有可能被浏览器缓存以及其他人查看浏览器的历史记录的原因，此时的用户名和密码就很容易被他人拿到。除此之外，GET请求提交的数据还可能会造成XSS(cross-site request forgery)攻击。

4、HTTP中的GET，POST，SOAP协议都是在HTTP上运行的

总结一下，Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求，在FORM（表单）中，Method默认为"GET"，实质上，GET和POST只是发送机制不同，并不是一个取一个发！

三、HTTP相应

HTTP相应报文的格式

<version> <status> <reason-phrase>  
<headers>  
  
<entity-body> 

status状态码描述了请求过程中发生的情况

reason-phrase是数字状态码的可读版本

常见的状态码以及含义如下：

200 OK 服务器成功处理请求

301/302 Moved Permanently（重定向）请求的URL已移走。响应报文中应该包含一个Location URL，说明资源现在所处的位置

304 Not Modified（未修改） 客户的缓存资源是最新的，要客户端使用缓存内容

404 Not Found 未找到资源

501 Internal Server Error 服务器遇到错误，使其无法对请求提供服务

HTTP响应示例

HTTP/1.1 200 OK

Content-type: text/plain  
Content-length: 12  
  
Hello World! 

<pre code_snippet_id="300067" snippet_file_name="blog_20140418_2_9713022" name="code" class="plain"><pre code_snippet_id="300067" snippet_file_name="blog_20140418_2_9713022"></pre>  
<pre></pre>  
<pre></pre>  
<pre></pre>  
<pre></pre>  
<pre></pre>  
<pre></pre>  
<pre></pre>  
     
</pre>