- application/x-www-form-urlencoded
- multipart/form-data
- application/json
- text/xml
以上是四种常见的POST
提交数据的方式,HTTP
协议是以 ASCII 码传输(可参考http介绍),建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:状态行
、请求头
、消息主体
。类似于下面这样
<method> <request-URL> <version>
<headers>
<entity-body>
协议规定 POST
提交的数据必须放在消息主体(entity-body)
中,但协议并没有规定数据必须使用什么编码方式。实际上,开发者完全可以自己决定消息主体的格式,只要最后发送的 HTTP 请求满足上面的格式就可以。
但是,数据发送出去,还要服务端解析成功才有意义。一般服务端语言如 php、python 等,以及它们的 framework,都内置了自动解析常见数据格式的功能。服务端通常是根据请求头(headers)中的 Content-Type
字段来获知请求中的消息主体是用何种方式编码,再对主体进行解析。所以说到 POST
提交数据方案,包含了 Content-Type
和消息主体编码方式
两部分
1.application/x-www-form-urlencoded
浏览器的原生form
表单,如果不设置enctype
属性,那么最终就会以 application/x-www-form-urlencoded
方式提交数据 例如
<form role="form" method="POST" action="index.php">
</form>
最为常见的form表单提交他的请求格式是这样的
POST http://www.example.com HTTP/1.1
Content-Type: application/x-www-form-urlencoded;charset=utf-8
Form Data
title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3
1.首先,Content-Type
被指定为application/x-www-form-urlencoded
;
2.headers最下方的格式为Form Data 提交的数据按照 key1=val1&key2=val2
的方式进行编码,key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持,例如php 接收
$title = $_POST['title']; //获取到title
$sub = $_POST['sub'] //获取到sub数组
很多时候,我们用 Ajax 提交数据时,也是使用这种方式。例如 JQuery 和 QWrap 的 Ajax,Content-Type 默认值都是「application/x-www-form-urlencoded;charset=utf-8」
2.multipart/form-data
常用于form表单上传文件时使用,与 application/x-www-form-urlencoded
相比 form多了 enctype="multipart/form-data"
属性 例如
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="file" />
</form>
请求格式为
POST http://www.example.com HTTP/1.1
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3TrwA
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name="text"
title
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data; name="file"; filename="chrome.png"
Content-Type: image/png
PNG ... content of chrome.png ...
------WebKitFormBoundaryrGKCBY7qhFd3TrwA--
$file = $_FILES['name']; //接收文件
$a = $_POST['a'] //接受普通数据
3.application/json
application/json
这个 Content-Type
作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON
字符串。由于 JSON
规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify
,服务端语言也都有处理 JSON
的函数,使用JSON
不会遇上什么麻烦。 JSON
格式支持比键值对复杂得多的结构化数据,这一点也很有用。
格式如下
POST http://www.example.com HTTP/1.1
Content-Type: application/json;charset=utf-8
Request Payload
{"title":"test","sub":[1,2,3]}
需要注意的是 前两种form提交格式为 Form Data
这种为Request Payload
关于二者的区别可以参考 https://segmentfault.com/a/1190000018774494 这篇文章。
这种格式对php来说是不识别的,他只能解析成文本,所以后台接收原始流
$data = file_get_contents("php://input");
$data = json_decode($data,true);
4.text/xml
它是一种使用 HTTP
作为传输协议,XML
作为编码方式的远程调用规范。典型的XML-RPC
请求是这样的:
POST http://www.example.com HTTP/1.1
Content-Type: text/xml
<?xml version="1.0"?>
<methodCall>
<methodName>examples.getStateName</methodName>
<params>
<param>
<value><i4>41</i4></value>
</param>
</params>
</methodCall>
XML-RPC
协议简单、功能够用,各种语言的实现都有。比如微信的小程序
和公众平台
都是使用它来作为基本的传输类型,它的使用也很广泛,如 WordPress
的 XML-RPC Api,搜索引擎的 ping 服务等等。JavaScript
中,也有现成的库支持以这种方式进行数据交互,能很好的支持已有的 XML-RPC
服务。不过,我个人觉得XML
结构还是过于臃肿,一般场景用 JSON
会更灵活方便
同上,这种结构php不认识,可使用 file_get_contents(‘php://input’) 进行接收
补充
以上方法都可以通过header头部的Content-Type来指定 header: {“Content-Type”: “xxx” }