1. 程式人生 > >http 請求引數之Query String Parameters、Form Data、Request Payload

http 請求引數之Query String Parameters、Form Data、Request Payload

Query String Parameters

當發起一次GET請求時,引數會以url string的形式進行傳遞。即?後的字串則為其請求引數,並以&作為分隔符。

如下http請求報文頭:

// General
Request URL: http://foo.com?x=1&y=2
Request Method: GET

// Query String Parameters
x=1&y=2 

Form Data

當發起一次POST請求時,若未指定content-type,則預設content-type為application/x-www-form-urlencoded。即引數會以Form Data的形式進行傳遞,不會顯式出現在請求url中。

如下http請求報頭:

// General
Request URL: http://foo.com
Request Method: POST

// Request Headers
content-type: application/x-www-form-urlencoded; charset=UTF-8 // Form Data x=1&y=2 

Request Payload

當發起一次POST請求時,若content-type為application/json,則引數會以Request Payload的形式進行傳遞(顯然的,資料格式為JSON),不會顯式出現在請求url中。

如下http請求報頭:

// General
Request URL: http://foo.com
Request Method: POST

// Request Headers
content-type: application/json; charset=UTF-8 // Request Payload x=1&y=2 

如果希望通過Form Data的方式來傳遞資料,則可以通過原生方法formData()來進行資料組裝,且content-type需要設定為multipart/form-data。

如下http請求報頭:

// General
Request URL: http://foo.com
Request Method: POST

// Request Headers
content-type: multipart/form-data; charset=UTF-8 // Request Payload ------WebKitFormBoundaryAIpmgzV8Ohi99ImM Content-Disposition: form-data; name="x" 1 ------WebKitFormBoundaryAIpmgzV8Ohi99ImM Content-Disposition: form-data; name="y" 2 ------WebKitFormBoundaryAIpmgzV8Ohi99ImM-- 

其中,WebKitFormBoundaryAIpmgzV8Ohi99ImM為瀏覽器隨機生成的boundary,作為分隔引數,作用等同於&

application/x-www-form-urlencoded 和 multipart/form-data

The content type "application/x-www-form-urlencoded" is inefficient for sending large quantities of binary data or text containing non-ASCII characters. The content type "multipart/form-data" should be used for submitting forms that contain files, non-ASCII data, and binary data.

multipart/form-data的優勢還伴隨一些相容性問題,詳細請參考文章結束的參考文獻。

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 當我們使用ajax去非同步請求資料時,會發現通過$.POST處理時資料出現在請求體的form-data,而用$.AJAX去非同步請求資料時,資料出現在請求體的request payload。

GET、POST方式提交的請求:

Content-type:

1、application/x-www-form-urlencoded:@RequestBody不是必須加的

2、mutipart/form-data:@RequestBody不能處理這種格式

3、其他格式,比如application/json,application/xml等,必須使用@RequestBody來處理

PUT方式提交的請求:

以上1和3的場景都是必須使用@RequestBody來處理的,2場景也是不支援的