知道了表單編碼由enctype決定的，那么它究竟有多少可選的取值呢？是不是所有的MIME類(lèi)型它都能用呢？
實(shí)際上，根據(jù)HTML5 規(guī)范中所敘述的，enctype具有以下三種選項(xiàng)，其中最后一項(xiàng)text/plain是相比4.01新增的。

application/x-www-form-urlencoded

multipart/form-data

text/plain

這是默認(rèn)的編碼類(lèi)型，使用該類(lèi)型時(shí)，會(huì)將表單數(shù)據(jù)中非字母數(shù)字的字符轉(zhuǎn)換成轉(zhuǎn)義字符，如"%HH"，然后組合成這種形式key1=value1&key2=value2；所以后端在取數(shù)據(jù)后，要進(jìn)行解碼。請(qǐng)求類(lèi)似于下面這樣（無(wú)關(guān)的請(qǐng)求頭在本文中都省略掉了）：

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；其次，提交的數(shù)據(jù)按照 key1=val1&key2=val2 的方式進(jìn)行編碼，key 和 val 都進(jìn)行了 URL 轉(zhuǎn)碼。大部分服務(wù)端語(yǔ)言都對(duì)這種方式有很好的支持。例如 PHP 中，$_POST["title"] 可以獲取到 title 的值，$_POST["sub"] 可以得到 sub 數(shù)組。

很多時(shí)候，我們用 Ajax 提交數(shù)據(jù)時(shí)，也是使用這種方式。例如 JQuery 和 QWrap 的 Ajax，Content-Type 默認(rèn)值都是「application/x-www-form-urlencoded;charset=utf-8」

注意：若表單中有文件，則只留文件名。

這又是一個(gè)常見(jiàn)的 POST 數(shù)據(jù)提交的方式。我們使用表單上傳文件時(shí)，必須讓 表單的 enctype 等于 multipart/form-data。直接來(lái)看一個(gè)請(qǐng)求示例：

Request Headers：

Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate
Accept-Language:zh-CN,zh;q=0.8
Connection:keep-alive
Content-Length:13125
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryaqWXpQYCfMbAHgPh
Cookie:shiro.sesssion=1a6d4f4d-ab5f-4a1b-a5cd-fc71cf9633cb
Host:192.168.199.223
Origin:http://192.168.199.223
Referer:http://192.168.199.223/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

Request Payload：

------WebKitFormBoundaryaqWXpQYCfMbAHgPh
Content-Disposition: form-data; name="fileEnterprise"; filename="a.jpg"
Content-Type: image/jpeg


------WebKitFormBoundaryaqWXpQYCfMbAHgPh
Content-Disposition: form-data; name="enterpriseName"

有限責(zé)任公司
------WebKitFormBoundaryaqWXpQYCfMbAHgPh
Content-Disposition: form-data; name="unifiedSocialCreditCode"

91530700781667237G
------WebKitFormBoundaryaqWXpQYCfMbAHgPh--

注意：

一般來(lái)說(shuō)，method和enctype是兩個(gè)不同的互不影響的屬性，但在傳文件時(shí)，method必須要指定為POST，否則文件只剩下filename了；

當(dāng)沒(méi)有傳文件時(shí)，enctype會(huì)改回默認(rèn)的application/x-www-form-urlencoded。

這個(gè)例子稍微復(fù)雜點(diǎn)。首先生成了一個(gè) boundary 用于分割不同的字段，為了避免與正文內(nèi)容重復(fù)，boundary 很長(zhǎng)很復(fù)雜。然后 Content-Type 里指明了數(shù)據(jù)是以 multipart/form-data 來(lái)編碼，本次請(qǐng)求的 boundary 是什么內(nèi)容。消息主體里按照字段個(gè)數(shù)又分為多個(gè)結(jié)構(gòu)類(lèi)似的部分，每部分都是以 --boundary 開(kāi)始，緊接著是內(nèi)容描述信息，然后是回車(chē)，最后是字段具體內(nèi)容（文本或二進(jìn)制）。如果傳輸?shù)氖俏募?，還要包含文件名和文件類(lèi)型信息。消息主體最后以 --boundary-- 標(biāo)示結(jié)束。關(guān)于 multipart/form-data 的詳細(xì)定義，請(qǐng)前往 rfc1867 查看。

這種方式一般用來(lái)上傳文件，各大服務(wù)端語(yǔ)言對(duì)它也有著良好的支持。

上面提到的這兩種 POST 數(shù)據(jù)的方式，都是瀏覽器原生支持的，而且現(xiàn)階段標(biāo)準(zhǔn)中原生 表單也只支持這兩種方式（通過(guò) 元素的 enctype 屬性指定，默認(rèn)為 application/x-www-form-urlencoded。其實(shí) enctype 還支持 text/plain，不過(guò)用得非常少）。

隨著越來(lái)越多的 Web 站點(diǎn)，尤其是 WebApp，全部使用 Ajax 進(jìn)行數(shù)據(jù)交互之后，我們完全可以定義新的數(shù)據(jù)提交方式，給開(kāi)發(fā)帶來(lái)更多便利。

按照鍵值對(duì)排列表單數(shù)據(jù)key1=value1 key2=value2，不進(jìn)行轉(zhuǎn)義。

注意：若表單中有文件，則只留文件名。

application/json 這個(gè) Content-Type 作為響應(yīng)頭大家肯定不陌生。實(shí)際上，現(xiàn)在越來(lái)越多的人把它作為請(qǐng)求頭，用來(lái)告訴服務(wù)端消息主體是序列化后的 JSON 字符串。由于 JSON 規(guī)范的流行，除了低版本 IE 之外的各大瀏覽器都原生支持 JSON.stringify，服務(wù)端語(yǔ)言也都有處理 JSON 的函數(shù)，使用 JSON 不會(huì)遇上什么麻煩。

JSON 格式支持比鍵值對(duì)復(fù)雜得多的結(jié)構(gòu)化數(shù)據(jù)，這一點(diǎn)也很有用。記得我?guī)啄昵白鲆粋€(gè)項(xiàng)目時(shí)，需要提交的數(shù)據(jù)層次非常深，我就是把數(shù)據(jù) JSON 序列化之后來(lái)提交的。不過(guò)當(dāng)時(shí)我是把 JSON 字符串作為 val，仍然放在鍵值對(duì)里，以 x-www-form-urlencoded 方式提交。

Google 的 AngularJS 中的 Ajax 功能，默認(rèn)就是提交 JSON 字符串。例如下面這段代碼：

var data = {"title":"test", "sub" : [1,2,3]};
$http.post(url, data).success(function(result) {
    ...
});

最終發(fā)送的請(qǐng)求是：

POST http://www.example.com HTTP/1.1 
Content-Type: application/json;charset=utf-8

{"title":"test","sub":[1,2,3]}

這種方案，可以方便的提交復(fù)雜的結(jié)構(gòu)化數(shù)據(jù)，特別適合 RESTful 的接口。各大抓包工具如 Chrome 自帶的開(kāi)發(fā)者工具、Firebug、Fiddler，都會(huì)以樹(shù)形結(jié)構(gòu)展示 JSON 數(shù)據(jù)，非常友好。但也有些服務(wù)端語(yǔ)言還沒(méi)有支持這種方式，例如 php 就無(wú)法通過(guò) $_POST 對(duì)象從上面的請(qǐng)求中獲得內(nèi)容。這時(shí)候，需要自己動(dòng)手處理下：在請(qǐng)求頭中 Content-Type 為 application/json 時(shí)，從 php://input 里獲得原始輸入流，再 json_decode 成對(duì)象。一些 php 框架已經(jīng)開(kāi)始這么做了。

當(dāng)然 AngularJS 也可以配置為使用 x-www-form-urlencoded 方式提交數(shù)據(jù)。

另外，還需要說(shuō)明表單數(shù)據(jù)編碼類(lèi)型application/json，已經(jīng)被W3C遺棄（詳見(jiàn)HTML JSON Form Submission），建議不要在中使用了，即使用了如果瀏覽器不支持，也會(huì)替換成application/x-www-form-urlencoded。

同理，其余的MIME類(lèi)型，也不支持，均會(huì)替換成默認(rèn)編碼application/x-www-form-urlencoded。

注：1.MIME (Multipurpose Internet Mail Extensions) 是描述消息內(nèi)容類(lèi)型的因特網(wǎng)標(biāo)準(zhǔn)。
2.MIME 消息能包含文本、圖像、音頻、視頻以及其他應(yīng)用程序?qū)Ｓ玫臄?shù)據(jù)。

想要了解詳細(xì)的Mime 類(lèi)型列表，請(qǐng)參考《W3school：MIME 參考手冊(cè)》

所以，enctype可以認(rèn)為就是表單數(shù)據(jù)的content type(MIME type)，只不過(guò)其取值不能用除了上面提到的三個(gè)，否則會(huì)轉(zhuǎn)換成默認(rèn)的編碼。
參考地址：《四種常見(jiàn)的 POST 提交數(shù)據(jù)方式》