payload有效載荷(轉)

payload

記載着信息的那部分數據。通常在傳輸數據時，為了使數據傳輸更可靠，要把原始數據分批傳輸，並且在每一批數據的頭和尾都加上一定的輔助信息，
比如這一批數據量的大小，校驗位等，這樣就相當於給已經分批原始數據加一些外套，這些外套起到標示作用，使得原始數據不易丟失。
一批數據加上它的“外套”，就形成了傳輸通道中基本的傳輸單元，叫做數據幀或者數據包（有的地方數據幀和數據包不是同一概念比如網絡傳輸）。
這些數據幀中的記錄信息的原始數據就是有效載荷數據，
即payload data。
而消息體就是外套。即標記着原始數據的大小等的輔助信息。

form data和request payload的區別

HTML <form> 標簽的 enctype 屬性

在下面的例子中，表單數據會在未編碼的情況下進行發送：

<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>

定義和用法

enctype 屬性規定在發送到服務器之前應該如何對表單數據進行編碼。

默認地，表單數據會編碼為 "application/x-www-form-urlencoded"。就是說，在發送到服務器之前，所有字符都會進行編碼（空格轉換為 "+" 加號，特殊符號轉換為 ASCII HEX 值）。

enctype值和意義:

application/x-www-form-urlencoded         在發送前編碼所有字符（默認）

multipart/form-data                                        不對字符編碼。在使用包含文件上傳控件的表單時，必須使用該值。

text/plain                                                           空格轉換為 "+" 加號，但不對特殊字符編碼。

 

HTTP請求中，如果是get請求，那么表單參數以name=value&name1=value1的形式附到url的后面，如果是post請求，那么表單參數是在請求體中，也是以name=value&name1=value1的形式在請求體中。通過chrome的開發者工具可以看到如下（這里是可讀的形式，不是真正的HTTP請求協議的請求格式）：

get請求：

RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=street 
Request Method:GET 
Status Code:200 OK 
  
Request Headers 
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 
Accept-Encoding:gzip,deflate,sdch 
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6 
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2 
Connection:keep-alive 
Cookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8D 
Host:127.0.0.1:8080 
Referer:http://127.0.0.1:8080/test/index.jsp 
User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36 
  
Query String Parameters 
name:mikan 
address:street 
  
Response Headers 
Content-Length:2 
Date:Sun, 11 May 2014 10:42:38 GMT 
Server:Apache-Coyote/1.1

 

Post請求：

RequestURL:http://127.0.0.1:8080/test/test.do 
Request Method:POST 
Status Code:200 OK 
  
Request Headers 
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 
Accept-Encoding:gzip,deflate,sdch 
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6 
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2 
Cache-Control:max-age=0 
Connection:keep-alive 
Content-Length:25 
Content-Type:application/x-www-form-urlencoded 
Cookie:JSESSIONID=74AC93F9F572980B6FC10474CD8EDD8D 
Host:127.0.0.1:8080 
Origin:http://127.0.0.1:8080 
Referer:http://127.0.0.1:8080/test/index.jsp 
User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36 
  
Form Data 
name:mikan 
address:street 
  
Response Headers 
Content-Length:2 
Date:Sun, 11 May 2014 11:05:33 GMT 
Server:Apache-Coyote/1.1

 

這里要注意post請求的Content-Type為application/x-www-form-urlencoded，參數是在請求體中，即上面請求中的Form Data。

 

而如果使用原生AJAX POST請求的話：

RequestURL:http://127.0.0.1:8080/test/test.do 
Request Method:POST 
Status Code:200 OK 
  
Request Headers 
Accept:*/* 
Accept-Encoding:gzip,deflate,sdch 
Accept-Language:zh-CN,zh;q=0.8,en;q=0.6 
AlexaToolbar-ALX_NS_PH:AlexaToolbar/alxg-3.2 
Connection:keep-alive 
Content-Length:28 
Content-Type:text/plain;charset=UTF-8 
Cookie:JSESSIONID=C40C7823648E952E7C6F7D2E687A0A89 
Host:127.0.0.1:8080 
Origin:http://127.0.0.1:8080 
Referer:http://127.0.0.1:8080/test/index.jsp 
User-Agent:Mozilla/5.0 (Windows NT 6.1)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.149 Safari/537.36 
  
Request Payload 
name=mikan&address=street 
  
Response Headers 
Content-Length:2 
Date:Sun, 11 May 2014 11:49:23 GMT 
Server:Apache-Coyote/1.1

 

注意請求的Content-Type為text/plain;charset=UTF-8，而請求表單參數在RequestPayload中。

 

 

HTTP POST表單請求提交時，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST請求如果不指定請求頭RequestHeader，默認使用的Content-Type是text/plain;charset=UTF-8。

 

 

所以，在使用原生AJAX POST請求時，需要明確設置Request Header，即：

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

 

服務器為什么會對表單提交和文件上傳做特殊處理，因為表單提交數據是名值對的方式，且Content-Type為application/x-www-form-urlencoded，而文件上傳服務器需要特殊處理，普通的post請求（Content-Type不是application/x-www-form-urlencoded）數據格式不固定，不一定是名值對的方式，所以服務器無法知道具體的處理方式，所以只能通過獲取原始數據流的方式來進行解析。

jquery在執行post請求時，會設置Content-Type為application/x-www-form-urlencoded，所以服務器能夠正確解析，而使用原生ajax請求時，如果不顯示的設置Content-Type，那么默認是text/plain，這時服務器就不知道怎么解析數據了，所以才只能通過獲取原始數據流的方式來進行解析請求數據。