POST 请求的四种提交数据方式

Content-Type 属性值

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中，POST 一般用来向服务端提交数据。
HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面形式：

<method> <url> <version>
<headers>
<entity-body>

协议规定，POST 提交的数据必须放在消息主体（entity-body）中，但协议并没有规定数据必须使用什么编码方式。实际上，开发者完全可以自己决定消息主体的格式，只要最后发送的 HTTP 请求满足上面的格式就可以。但是，数据发送出去，还要服务端成功解析才有意义。一般服务端语言如 php、python、Java、.NET 等，以及它们的 framework，都内置了自动解析常见数据格式的功能。服务端通常是根据请求头（headers）中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码，再对主体进行解析。也就是说， Content-Type 指定了消息主体中的编码方式。因此，POST 提交数据方案，直接跟 Content-Type 和消息主体两部分有关。

Content-Type 属性值
在这里插入图片描述

1、application/x-www-form-urlencoded

这是最常见的 POST 提交数据的方式。浏览器的原生 form 表单，如果不设置 enctype 属性，那么就会以 application/x-www-form-urlencoded 方式提交数据（ enctype 的 POST 默认方式），并且提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。

例如表单：

<form action="form_action.asp">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

请求如下：

// 网络请求
POST http://httpbin.org/post HTTP/1.1
Host    httpbin.org
User-Agent  python-requests/2.24.0
Accept-Encoding gzip, deflate
Content-Length  49
Content-Type    application/x-www-form-urlencoded;charset=utf-8
Connection  keep-alive

// 表单内容
title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3		// 提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码

2、multipart/form-data

这种编码方式，通常是用在客户端通过表单向服务端传送大文件数据（如图片或者文件），必须让 <form> 表单的enctype 等于 multipart/form-data。

示例：

// 网络请求
POST http://httpbin.org/post HTTP/1.1
Host: httpbin.org
User-Agent: python-requests/2.24.0
Accept-Encoding: gzip, deflate
Content-Type: multipart/form-data; boundary=e48c73a7a42e403d868095dc3d060962
Content-Length: 222
Connection: keep-alive

// 编码的表单内容
--e48c73a7a42e403d868095dc3d060962
Content-Disposition: form-data; name="field0"

value1
--e48c73a7a42e403d868095dc3d060962
Content-Disposition: form-data; name="field1"

value2
--e48c73a7a42e403d868095dc3d060962--
Content-Disposition: form-data; name="field2"; filename="filename"
Content-Type: text/plain

ä½ å¥½ï¼Œè¥¿å›å
¬åï½ž
--25c88ddc918d40e7a3cd5be0d62476b7--

编码方式：消息主体里按照字段个数又分为多个结构类似的部分，每部分都是以 --boundary 开始，紧接着表单中的第一个键值对中的键，而后一个换行，再跟着值（文本或二进制），然后再生成一个boundary 字符串分界线用于分割不同的键值，之后就重复以上操作。如果传输的是文件，还要包含文件名和文件类型信息。消息主体最后以 --boundary-- 标示结束。

3、application/json

application/json 这个 Content-Type 作为请求头用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行，除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify，服务端语言也都有处理 JSON 的函数，使用 JSON 不会遇上什么麻烦。
JSON 格式支持比键值对复杂得多的结构化数据，特别适合 RESTful 的接口。

示例：

JSvar data = {
    
    "name": "公子哥", "hobby": "coding", 'sub' : [1,2,3]};
$http.post(url, data).success(function(result) {
    
    
    ...
});

请求：

// 网络请求
POST /post HTTP/1.1
Host: httpbin.org
User-Agent: python-requests/2.24.0
Accept-Encoding: gzip, deflate
Content-Type: application/json
Content-Length: 62
Connection: keep-alive

// 表单内容
"{"name":"\\u516c\\u5b50\\u54e5","hobby": "coding","sub":[1,2,3]}"

4、text/xml

现在基本不用