这里是修真院web小课堂，每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解web知识/技能，本篇分享的是：
【 get与post的区别?application json 与form表单的区别?】
一、背景介绍
基本概念
HTTP：在Web应用中，服务器把网页传给浏览器，实际上就是把网页的HTML代码发送给浏览器，让浏览器显示出来。而浏览器和服务器之间的传输协议是HTTP。HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。
工作原理：HTTP协议工作于客户端-服务端,浏览器作为HTTP客户端通过URL(统一资源定位符)向HTTP服务端发送请求,服务器接收到请求后,向客户端发送响应信息。
消息结构
客户端请求消息：由请求行、请求头部、空行、请求数据组成。
GET：请求指定的页面信息，并返回实体主体
POST：向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。
二.知识剖析
get与post的区别
1.GET方式
1.GET方式是通过URL请求传递用户所输入的内容，其提交的内容会全部显示的浏览器的地址栏中；其安全性很低。如果用户输入的内容包含密码之类的私人信息时很容易被其他人获取。
2.GET方式提交需要用到Request.QueryString来取得变量的值。
3.GET提交具有长度限制，最长不能超过2048字节。
4.GET是从服务器上获取数据。
5.GET是把参数数据队列加到提交表单的action属性所指的URL中，值和表单内容一一对应，在URL中可以看到。
6.在页面重新刷新载入时，没有提示框询问“是否重新发送请求”。
7.在做请求时，GET是将表单内容放到信息的请求头中。
2.POST方式
1.POST提交不会将用户所输入的个人信息显示在浏览器的地址栏中且地址栏中没有什么变化。
2.POST方式提交需要用到Request.Form来取得变量的值。
3.POST没有提交长度限制。
4.POST是向服务器传送数据。
5.POST是通过HTTP post机制，将表单内容 中各个字段与其内容旋转在HTML HEADER内一起传送到action属性所批的URL地址。用户是看不到这一过程的。
6.在页面重新刷新载入时，会有提示框询问“是否重新发送请求”。
3.幂等
先介绍下幂等的概念：如果一个操作没有副作用，或者多次操作对资源产生的副作用相同，我们就说这个操作是幂等的。
get方法用户获取资源，没有副作用，所以是幂等的；post用于创建资源，是有副作用的，且副作用不同，所以post不是幂等的。（两次相同的POST请求会在服务器端创建两份资源，它们具有不同的URI）
GET&POST
上图是在W3C上找到的答案。
总结一下：
1.GET在浏览器回退时是无害的，而POST会再次提交请求。
2.GET产生的URL地址可以被Bookmark，而POST不可以。
3.GET请求会被浏览器主动cache，而POST不会，除非手动设置。
4.GET请求只能进行url编码，而POST支持多种编码方式。
5.GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
6.GET请求在URL中传送的参数是有长度限制的，而POST没有。
7.对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
8.GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
9.GET参数通过URL传递，POST放在Request body中。
三、常见问题
GET和POST使用环境？
四、解决方案
应该符合语义的使用;即获取数据使用GET，增加数据使用POST。
当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如添加数据行），则用POST方法。
五、编码实战
六、扩展思考
application json 与form表单的区别？
application/json
随着json规范的越来越流行，并且浏览器支持程度原来越好，许多开发人员以application/json作为请求content-type，告诉服务器请求的主题内容是json格式的字符串，服务器端会对json字符串进行解析，这种方式的好处就是前端人员不需要关心数据结构的复杂度，只要是标准的json格式就能提交成功，application/json数据格式越来越得到开发人员的青睐。
application/x-www-form-urlencoded方式
是Jquery的Ajax请求默认方式，这种方式的好处就是浏览器都支持，在请求发送过程中会对数据进行序列化处理，以键值对形式？key1=value1&key2=value2的方式发送到服务器，如果用Jquery，它内部已经进行了处理，如果自己写原生的Ajax请求，就需要自己对数据进行序列化。
七、更多讨论
分别在什么情况下运用post和get？
八、参考文献
参考一：W3C
参考二：知乎——get和post区别？
参考三：AJAX和表单提交中GET与POST的区别
参考四：99%的人理解错 HTTP 中 GET 与 POST 的区别
参考五：听说『99% 的人都理解错了 HTTP 中 GET 与 POST 的区别』？？
参考六：application/json 和 application/x-www-form-urlencoded的区别
作者：有只包子在天上飞
链接：https://www.jianshu.com/p/b88944de1537
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
更多内容，可以加入IT交流群565734203与大家一起讨论交流
这里是技能树·IT修真院：https://www.jnshu.com，初学者转行到互联网的聚集地