最近做項目的時候，在通過post請求向服務端發送數據的時候，請求失敗了。錯誤信息如下：
返回的400(bad request)錯誤，說明客戶端這邊發送的請求是有問題的。
和通過jquery中的ajax方法發送的請求作對比。發現問題出在了請求的主體部分。
這里的請求主體部分是payload的形式的。
而直接通過jq,是如下這種formdata形式。
formData是什么?
formData是客戶端主體部分組裝數據的一種方式，當我們使用:
- method='POST'提交一個HTML-Form表單
- 如上圖中黃色部分的content-Type：application/x-www-form-urlencoded
- content-Type:multipart/form-data
這三種方式去提交請求主體的時候，就是formData形式。
將如上的請求簡寫一下：
起始行:POST /getProduct HTTP/1.1 首部: Content-Type: application/x-www-form-urlencoded
主體1：productId=3189 單參 主體2：productId=3189&orderId=145 多參
主體的形式會有兩種，在多參數的情況下，和get請求一樣，是用&進行連接的。
$.ajax({ url : '/v2/product/getProductProp', data :{ 'productId' :proid, }, type: 'post', }) .then(function(data) { //TODO
}) .fail(function() { that.fetchDataFailed(); }) .done(function() { //TODO
});
在jq的ajax模塊中，contentType的默認是使用的formData發送主體的。既然如此的話，我們就通過傳入自定義的contentType
$.ajax({ url : '/v2/product/getProductProp', data :{ 'productId' :proid, }, type: 'post', contentType:'application/json' //注意這里的不同
}) .then(function(data) { //TODO
}) .fail(function() { that.fetchDataFailed(); }) .done(function() { //TODO
});
是的，我們確實成功的修改了formData的提交形式，變成了payload.
payload是什么?
payload是一種以JSON格式進行數據傳輸的一種方式。
http可能會傳輸payload，如果不限制其請求的方式(那么請求的方法就是OPTIONS)或者響應的狀態碼，其包含元數據，頭部區域和數據。
如果數據是通過正常的put或者post方法發送的，那么payload就是一個http請求起始行緊接一個CRLF后面的那一部分。
起始行:POST /getProduct HTTP/1.1 首部: Content-Type: application/json
主體1：{"productId":3189} 單參 主體2：{"productId":3189,"orderId":145} 多參
同樣的，我們可以將payload形式的參數。通過formData()來組裝。
通過formData()組裝后的數據就像表單數據一樣，變成了鍵/值對的形式。
小結
- 首部屬性contentType可以改變請求的數據提交方式：application/json(payload)，application/x-www-form-urlencoded(formData)
- 服務端的響應方式決定客戶端的提交方式
- 使用formData()可以通過payload提交表單數據:multipart/form-data