摘要:一般使用請求方法向服務器發送數據主要是一些創建更新操作,本文討論的是請求方法常用的四種數據提交格式。其實就是和請求的數據提交格式是一樣的,只不過位置從上換到了里。適用場景數據量不大數據層級不深的情況下強烈建議這種數據提交格式。
本文所講的 POST 請求是 HTTP/1.1 協議中規定的眾多 HTTP 請求方法的其中最常用的一個。一般使用 POST 請求方法向服務器發送數據(主要是一些創建更新操作),本文討論的是 POST 請求方法常用的四種數據提交格式。
由于 HTTP/1.1 協議中并沒有對請求使用什么編碼方式進行規定,所以理論上開發者完全可以自己決定請求的 Body 體使用什么格式,當然實際上大家都還是用通用的那么幾種編碼方式來提交數據(生態很關鍵)。
注:以下排名不分先后。。。
application/x-www-form-urlencoded對于瀏覽器原生的 form 表單,enctype 的值不指定的話,默認就是這個家伙。實際上大部分情況都使用它即可,編碼方式足夠簡單高效,各方面支持也都很完備,如各大瀏覽器調試工具、各大抓包軟件等。
POST http://www.example.com HTTP/1.1 Content-Type: application/x-www-form-urlencoded;charset=utf-8 key1=val1&key2=val2
基本的請求類似上面這樣,數據的編碼方式采用 key1=val1&key2=val2 的形式,對其中的鍵值對都需要使用 URL Encode 編碼一下。其實就是和 GET 請求的數據提交格式是一樣的,只不過位置從 Request URL 上換到了 Request Body 里。
這種格式結構簡單,但對于數據層級較深的情況,比如一些有復雜層級關系的接口數據,這種方式就顯得有點力不從心了。另一方面,對于需要上傳二進制數據(比如圖像、音頻等文件),這種方式就不那么高效了,而且對于非 ASCII 碼的數據就丟失了,所以傳文件的情況就不能使用這種方式。
適用場景:數據量不大、數據層級不深的情況下強烈建議這種數據提交格式。
multipart/form-data當你需要提交文件、非 ASCII 碼的數據或者是二進制流數據,則使用這種提交方式。類似下面這個請求示例:
POST http://www.example.com HTTP/1.1 Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryPAlLG7hJKNYc4ft3 ------WebKitFormBoundaryrGKCBY7qhFd3TrwA Content-Disposition: form-data; name="text" demo ------WebKitFormBoundaryPAlLG7hJKNYc4ft3 Content-Disposition: form-data; name="file"; filename="demo.png" Content-Type: image/png ------WebKitFormBoundaryPAlLG7hJKNYc4ft3--
第二行指定編碼方式 Content-Type 為 multipart/form-data,緊接著生成一個分界線 boundary 即 ----WebKitFormBoundaryPAlLG7hJKNYc4ft3,又臭又長的目的是為了避免和 Body 正文內容有沖突,它的作用是用來分隔不同的字段。
Body 體分為多個結構類似的部分,每一部分以 --boundary 開頭,因為本次請求生成的 boundary 為 ----WebKitFormBoundaryPAlLG7hJKNYc4ft3,所以最終是 ------WebKitFormBoundaryPAlLG7hJKNYc4ft3。接著是描述內容的元信息,包括字段名稱,如果是文件則還有文件名稱和文件類型。接著留一空行,然后才是字段值。什么時候結束呢,以 --boundary-- 標志結束。
這種方式本就是專為上傳文件的場景設計的,雖然你也可以使用這種方式傳遞普通數據,但無疑會增加不少數據包的大小(這么多 boundary 還是有不少空間占用的)。
適用場景:文件上傳。
application/json很明顯在 JSON 格式火之前,肯定沒有它的,前面說到使用什么提交數據方式是沒有硬性規定的,所以在 JSON 格式火了以后,尤其以其優秀的數據結構表達能力,逐漸流行開來,現在我們對它完全不會陌生。
POST http://www.example.com HTTP/1.1 Content-Type: application/json;charset=utf-8 {"name":"xfly","age": 24, "hobby":["x","xx","xxx"]}
適用場景:數據結構較復雜,層級較深的情況。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/104808.html
摘要:總結從轉到最難忘的就是要設置,還好現在都搞懂了他們的原理上面三種方式會對應后臺的請求方式,這個也要注意,比如的,等等 1、Content-Type: application/json import axios from axios let data = {code:1234,name:yyyy}; axios.post(`${this.$url}/test/testRequest`,d...
摘要:參見請求分析推測可能是對方服務器不接受這樣的吧或者對的不兼容 服務端常見的post提交有三種方式,這里主要記錄curl方式 1、服務端進行http-post的三種方法 1.1 通過curl函數 function post($url, $post_data = , $timeout = 5){//curl $ch = curl_init(); curl_setopt (...
摘要:格式支持比鍵值對復雜得多的結構化數據,這一點也很有用。例如下面這段代碼最終發送的請求是這種方案,可以方便的提交復雜的結構化數據,特別適合的接口。 簡介 form的enctype屬性為編碼方式,常用有兩種:application/x-www-form-urlencoded和multipart/form-data,默認為application/x-www-form-urlencoded。 ...
摘要:一前言本文章將以報表下載為例,給大家介紹三種文件下載的方式。通過二進制數據流的方式下載這種方式是我目前采用的方式,用于處理報表下載。缺點對于數據量不大的文件,這種方式是可行的。 一、前言 本文章將以excel報表下載為例,給大家介紹三種文件下載的方式。 原文地址:簡談文件下載的三種方式 | Rychou 二、正文 1. 通過服務器文件地址下載 這是最常見的文件下載方式,大多數網站的音頻...
閱讀 2327·2021-09-26 10:21
閱讀 2805·2021-09-08 09:36
閱讀 3070·2019-08-30 15:56
閱讀 963·2019-08-30 12:57
閱讀 932·2019-08-26 10:39
閱讀 3565·2019-08-23 18:11
閱讀 3086·2019-08-23 17:12
閱讀 1089·2019-08-23 12:18