Post請求中form-data和x-www-form等格式的區別


使用post請求發送數據時候,數據會放在body部分而不是頭信息中,而數據放在body中傳輸時候,我們可以將這個body中的信息看作是一個長長的單個字符串,而我們使用不同的編碼就是將這個數據用不同的形式進行發送。

application/x-www-form-urlencoded

原理

它是post的默認格式,它默認使用了一些特殊的符號作為分割符,例如&(ascii碼為0x26), =(0x3D), (空格)等,我們input中的name、value信息會發送時使用=連接,不同的input之間使用&連接;在接收端使用相同方式進行解碼,一旦遇到&,=等字符將會按照規定將這個長字節斷開,還原為原來key:value 形式的數據,以供我們使用。所以使用這種格式解碼時,可以看作是一個個字節進行掃描的,並使用特殊的字節將其不同的部分區分。

問題

這種方式發送一個非特殊字符的單字節字符時沒有問題的,當我們需要發送一個多字節字符,例如中文的字,如果直接使用utf-8編碼發送,其編碼為0xE4B8AD,會使用三個字節傳輸,分別為0xE40xB80xAD,當某些中文或者多字節的字符發送時,恰好有一個字節解碼為0x26或者0x3D時,這個多字節字符中一個字節將會被接收段解碼為=&符號這中特殊字節,從而將數據從此處斷開,產生數據的錯誤。

為了解決這個問題,使用了JS中URLencode轉碼方法,也就是URL編碼,我們經常看到一個URL類似於https://cn.bing.com/search?q=ascii%E7%A0%81%E8%A1%A8%E7%A0%81%E8%A1%A8就是經過這種編碼方式產生的。我們發送上面的,utf-8編碼為0xE4B8AD(這是3個字節的16進制表示法,它表示的字符是一個字符),不能直接進行發送。需要使用URLencode進行轉碼,使用這個編碼的16進制形式的字符串為基礎,每兩個字符前添加一個%,得到字符串%E4%B8%AD(這是一個字符串,每一個字符都是一個字節,這里總共9個字節),再將這個字節發送。這樣就解決了上面的問題。

使用這中方式發送的數據,一個中文將會被編碼為9個字節進行發送,在發送大量的中文及多字符數據時會嚴重的浪費網絡帶寬資源,一般在發送少量的數據使用。例如下面是在一個表單中發送{country: 中國, city:北京}信息時候,瀏覽器發送的部分信息

POST /users/ HTTP/1.1
Host: localhost:8000
Content-Type: application/x-www-form-urlencoded       // 頭中指定格式

country=%E4%B8%AD%E5%9B%BD&city=%E5%8C%97%E4%BA%AC    // 編碼后的數據

form-data

application/x-www-form-urlencoded必須進行多字節字符的編碼,這是由於多字節字符的單個字節信息可能與特殊字節信息沖突。而form-data的解決方法就是, 不在使用這些單個字節的特殊字符作為特殊分割,而是告訴對方使用分割字符串。上面的{country: 中國, city:北京}表單信息使用這種格式發送時,瀏覽器發送的數據為。

POST /users/ HTTP/1.1
Host: localhost:8000
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

------WebKitFormBoundary7MA4YWxkTrZu0gW--,
Content-Disposition: form-data; name="country"

中國
------WebKitFormBoundary7MA4YWxkTrZu0gW--
Content-Disposition: form-data; name="city"

北京
------WebKitFormBoundary7MA4YWxkTrZu0gW--

在header頭信息中,Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW分別指定了格式和 boundary(分割字符串),在body中使用了這個boundary指定的字符串作為分割,從而可以輕易的還原為key:value的形式。這里的中國北京中,每一個字符l例如,都是直接使用utf-8編碼(大部分網絡傳輸都使用該編碼)后進行傳輸的,也就是說每個中文只需要3個字節。

總結

application/x-www-form-urlencoded 他能簡潔的將key:value的數據進行分割。這一點相比form-data使用長長的字符串作為分割符優勢巨大,雖然對於多字節的數據會因為編碼造成字節量劇增(可以看到一個中文字符增加了2倍字節量),但是在單字節或者是少量的數據時,這種方式是划算的。
form-data 是一種重視數據的方式,通常我們在value值中會發送大量的文本信息,或者直接的傳送一個文件,數據直接編碼為二進制發送,不會產生多余的字節,適合大文本的傳輸。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM