POST提交数据的四种方法解析

HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。HTTP 协议规定的 HTTP 请求方法有 GET、POST、PUT、DELETE、OPTIONS、HEAD、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，下面介绍 POST 提交数据的几种方式。

前言

POST 几种请求主要包括 application/x-www-form-urlencoded、 multipart/form-data、 application/json、text/xml 四种的方法。

服务端通常是根据请求头（Request Headers）中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码，再对主体进行解析。

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

1. application/x-www-form-urlencoded (默认常用)

最常见的 POST 提交数据的方式了浏览器的原生

表单，如果不设置Content-type属性，就会默认该方式提交数据，并且提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持，例如 PHP 中， _POST['sub'] 可以得到 sub 数组。(如下图)

2. multipart/form-data

令一个常见的 POST 数据提交的方式。我们使用表单上传文件时，必须让 表单的 enctyped等于 multipart/form-data。直接来看一个请求示例：

3. application/json

application/json 这种方案，可以方便的提交复杂的结构化数据，这种POST提交方式越来越多，用来告诉服务端消息主体是序列化后的 JSON 字符串。

由于JSON规范的流行，出了低版本的IE之外，各大浏览器都支持 JSON.stringify 将JSON数据字符串化（编码）传到服务器，还可以通过 JSON.parse 将字符串转化（解码）为JSON数据供前端渲染或者其他处理。（JSON 格式支持比键值对复杂得多的结构化数据）见下图：

JSON.stringify 和 JSON.parse

4. text/xml

现在基本不用

---

注：

默认情况下，标准的跨域请求是不会发送cookie等用户认证凭据的，XMLHttpRequest 2的一个重要改进就是提供了对授信请求访问的支持。

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.xxx.com/api');
xhr.withCredentials = true;
xhr.onload = onLoadHandler;
xhr.send();

复制代码

总结：

POST方法的几种提交数据方式：

• application/x-www-form-urlencoded：如果不设置Content-type即为该方式，提交的数据按照 key1=val1&key2=val2 的方式进行编码
• multipart/form-data：用于上传表单位文件时
• application/json：用于复杂数据传输，通过JSON优势进行编码解码。
• text/xml：基本上不用