1)application/x-www-form-urlencoded
這應該是最常見的 POST 提交數據的方式了。瀏覽器的原生 <form> 表單,如果不設置 enctype 屬性,那么最終就會以 application/x-www-form-urlencoded 方式提交數據。
<form action="form_action.asp" enctype="text/plain"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form>
此時可以看到,
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;其次,提交的數據按照 key1=val1&key2=val2 的方式進行編碼,key 和 val 都進行了 URL 轉碼。大部分服務端語言都對這種方式很好的支持,常用的如jQuery中的ajax請求,Content-Type 默認值都是「application/x-www-form-urlencoded;charset=utf-8
就是application/x-www-from-urlencoded,會將表單內的數據轉換為鍵值對,&分隔。
當form的action為get時,瀏覽器用x-www-form-urlencoded的編碼方式,將表單數據編碼為(name1=value1&name2=value2…),然后把這個字符串append到url后面,用?分隔,跳轉到這個新的url。 (一般當前端請求接口等於params時)
當form的action為post時,瀏覽器將form數據封裝到http body中,然后發送到server。
這個格式不能提交文件。
如下圖
- Content-Type:表明請求參數類型為-- application/x-www-form-urlencoded。
- 將參數拼接為鍵值對:k1=v1&k2=v2。
(2)multipart/form-data
這也是常見的post請求方式,一般用來上傳文件,各大服務器的支持也比較好。所以我們使用表單 上傳文件 時,必須讓<form>表單的enctype屬性值為 multipart/form-data.
注意:以上兩種方式:application/x-www-form-urlencoded和multipart/form-data都是瀏覽器原生支持的。
(3)application/json
application/json作為響應頭並不陌生,實際上,現在很多時候也把它作為請求頭,用來告訴服務端消息主體是序列化的JSON字符串,除了低版本的IE,基本都支持。除了低版本的IE都支持JSON.stringify()的方法,服務端也有處理JSON的函數,使用json不會有任何麻煩。例如:
//請求數據 var data = {name:'jack',sex:'man'}; //請求數據序列化處理 JSON.stingify(data); //結果:{'name':'jack','sex':'man'};
二、postman的幾種參數格式
form-data、x-www-form-urlencoded、raw、binary的區別
1.form-data對應的是頁以form表單提交傳值的情形
等價於http請求中的multipart/form-data,它會將表單的數據處理為一條消息,以標簽為單元,用分隔符分開。既可以上傳鍵值對,也可以上傳文件。當上傳的字段是文件時,會有Content-Type來表名文件類型;content-disposition,用來說明字段的一些信息;
由於有boundary隔離,所以multipart/form-data既可以上傳文件,也可以上傳鍵值對,它采用了鍵值對的方式,所以可以上傳多個文件
POST HTTP/1.1 Host: test.app.com Cache-Control: no-cache Postman-Token: 59227787-c438-361d-fbe1-75feeb78047e Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW ------WebKitFormBoundary7MA4YWxkTrZu0gW Content-Disposition: form-data; name="filekey"; filename="" Content-Type: ------WebKitFormBoundary7MA4YWxkTrZu0gW Content-Disposition: form-data; name="textkey" tttttt ------WebKitFormBoundary7MA4YWxkTrZu0gW--
請求體中的boundary參數指定的就是分隔體,可以看到請求內容被分為了兩段,第一段對應filekey,第二段對應textkey。
2. x-www-form-urlencoded
即application/x-www-from-urlencoded,將表單內的數據轉換為Key-Value。
POST HTTP/1.1 Host: test.app.com Content-Type: application/x-www-form-urlencoded Cache-Control: no-cache Postman-Token: e00dbaf5-15e8-3667-6fc5-48ee3cc89758 key1=value1&key2=value2
form-data與x-www-form-urlencoded的區別
- multipart/form-data:可以上傳文件或者鍵值對,最后都會轉化為一條消息
- x-www-form-urlencoded:只能上傳鍵值對,而且鍵值對都是通過&間隔分開的
3.raw對應的是入參是任意格式的可以上傳任意格式的【文本】,可以上傳text、json、xml、html等
(4)binary