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:基本上不用