Post请求4种传送正文方式，你用过几种？

Time will tell.

Form表单提交

1、form表单常用属性

1. action：url 地址，服务器接收表单数据的地址
2. method：提交服务器的http方法，一般为post和get
3. name：最好好吃name属性的唯一性
4. enctype: 表单数据提交时使用的编码类型，默认使用"pplication/x-www-form-urlencoded"，如果是使用POST请求，则请求头中的content-type指定值就是该值。如果表单中有上传文件，编码类型需要使用"multipart/form-data"，类型，才能完成传递文件数据。

enctype 为form表单数据的编码格式，Content-type为 Http 传输的数据的编码格式。

2、浏览器提交表单时，会执行如下步骤：

1. 识别出表单中表单元素的有效项，作为提交项
2. 构建一个表单数据集
3. 根据form表单中的enctype属性的值作为content-type对数据进行编码
4. 根据form表单中的action属性和method属性向指定的地址发送数据

3、提交方式

1. get：表单数据会被 encodeURIComponent 后以参数的形式:name1=value1&name2=value2 附带在url?后面，再发送给服务器，并在url中显示出来。
2. post： enctype 默认"application/x-www-form-urlencoded"对表单数据进行编码，数据以键值对在http请求体重发送给服务器；如果enctype 属性为"multipart/form-data"，则以消息的形式发送给服务器。

Http协议行为：Http1.1协议

HTTP 协议是以 ASCII 码传输，建立在 TCP /IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。

协议规定POST提交的数据必须放在消息主体中，但协议并没有规定数据必须使用什么编码方式。实际上，开发者完全可以自己决定消息主体的格式，只要最后发送的 HTTP 请求满足上面的格式就可以。

但是，数据发送出去，还要服务端解析成功才有意义。一般服务端语言如 php、python 等，以及它们的framework，都内置了自动解析常见数据格式的功能。服务端通常是根据请求头（headers）中的Content-Type字段来获知请求中的消息主体是用何种方式编码，再对主体进行解析。

所以说到 POST 提交数据方案，包含了Content-Type 和消息主体编码方式两部分。

知道post请求四种传送正文方式首先需要先了解一下常见的4种编码方式。

---

常见的4种编码方式

1、application/x-www-form-urlencoded

• 这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样（无关的请求头在本文中都省略掉了）：

- POST http://www.example.com HTTP/1.1    
Content-Type:application/x-www-form-urlencoded;charset=utf-8
title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3

首先，Content-Type 被指定为 application/x-www-form-urlencoded；其次，提交的数据按照key1=val1&key2=val2的方式进行编码，key和val都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。例如 PHP 中，

$_POST['title']可以获取到 title 的值，$_POST['sub'] 可以得到 sub 数组。

很多时候，我们用 Ajax 提交数据时，也是使用这种方式。例如 JQuery 和 QWrap 的 Ajax，Content-Type默认值都是「application/x-www-form-urlencoded;charset=utf-8」。

2、multipart/form-data

除了传统的application/x-www-form-urlencoded表单，我们另一个经常用到的是上传文件用的表单，这种表单的类型为multipart/form-data。

这又是一个常见的POST数据提交的方式。我们使用表单上传文件时，必须让 form 的 enctyped等于这个值，示例：

<form action="/upload" enctype="multipart/form-data" method="post">
    Username: <input type="text" name="username">
    Password: <input type="password" name