在常見業務開發中,POST請求常常在這些地方使用:前端表單提交時、調用接口代碼時和使用Postman測試接口時。我們下面來一一了解:
一、前端表單提交時
application/x-www-form-urlencoded
表單代碼:
<form action="http://localhost:8888/task/" method="POST"> First name: <input type="text" name="firstName" value="Mickey&"><br> Last name: <input type="text" name="lastName" value="Mouse "><br> <input type="submit" value="提交"> </form>
通過測試發現可以正常訪問接口,在Chrome的開發者工具中可以看出,表單上傳編碼格式為application/x-www-form-urlencoded
(Request Headers中),參數的格式為key=value&key=value
。

我們可以看出,服務器知道參數用符號&
間隔,如果參數值中需要&
,則必須對其進行編碼。編碼格式就是application/x-www-form-urlencoded
(將鍵值對的參數用&連接起來,如果有空格,將空格轉換為+
加號;有特殊符號,將特殊符號轉換為ASCII HEX
值)。
application/x-www-form-urlencoded
是瀏覽器默認的編碼格式。對於Get請求,是將參數轉換?key=value&key=value
格式,連接到url后
ps:可以在這個網址測試表單:http://www.runoob.com/try/try.php?filename=tryhtml_form_submit
multipart/form-data
那么當服務器使用multipart/form-data
接收POST請求時,服務器怎么知道每個參數的開始位置和結束位置呢?
<form action="http://localhost:8888/task/" method="POST" enctype="multipart/form-data"> First name: <input type="text" name="firstName" value="Mickey&"><br> Last name: <input type="text" name="lastName" value="Mouse "><br> <input type="submit" value="提交"> </form>
我們在開發者工具中可以看出multipart/form-data
不會對參數編碼,使用的boundary
(分割線),相當於&
,boundary
的值是----Web**AJv3
。

文件上傳
上傳文件也要指定編碼格式為multipart/form-data
。
<form action="http://localhost:8888/testFile" enctype="multipart/form-data" method="POST"> <input type="file" name="file"> <input type="submit" value="提交"> </form>
如果是SpringMVC項目,要服務器能接受multipart/form-data
類型參數,還要在spring上下文配置以下內容,SpringBoot項目則不需要。
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="defaultEncoding" value="utf-8"></property> </bean>
我們可以通過FormData對象模擬表單提交,用原始的XMLHttpRequest來發送數據,讓我們可以在Chrome開發工具中查看到具體格式:
<form id="form"> First name: <input type="text" name="firstName" value="Mickey"><br> Last name: <input type="text" name="lastName" value="Mouse"><br> <input type="file" name="file"><br> </form> <button onclick="submitForm()">提交</button> <script> function submitForm() { var formElement = document.getElementById("form"); var xhr = new XMLHttpRequest(); xhr.open("POST", "/task/testFile"); xhr.send(new FormData(formElement)); } </script>
格式如下:

二、調用接口代碼時
1、在代碼中使用application/x-www-form-urlencoded
編碼格式設置Request屬性調用接口,可以如下實現:
private static String doPost(String strUrl, String content) { String result = ""; try { URL url = new URL(strUrl); //通過調用url.openConnection()來獲得一個新的URLConnection對象,並且將其結果強制轉換為HttpURLConnection. HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection(); urlConnection.setRequestMethod("POST"); //設置連接的超時值為30000毫秒,超時將拋出SocketTimeoutException異常 urlConnection.setConnectTimeout(30000); //設置讀取的超時值為30000毫秒,超時將拋出SocketTimeoutException異常 urlConnection.setReadTimeout(30000); //將url連接用於輸出,這樣才能使用getOutputStream()。getOutputStream()返回的輸出流用於傳輸數據 urlConnection.setDoOutput(true); //設置通用請求屬性為默認瀏覽器編碼類型 urlConnection.setRequestProperty("content-type", "application/x-www-form-urlencoded"); //getOutputStream()返回的輸出流,用於寫入參數數據。 OutputStream outputStream = urlConnection.getOutputStream(); outputStream.write(content.getBytes()); outputStream.flush(); outputStream.close(); //此時將調用接口方法。getInputStream()返回的輸入流可以讀取返回的數據。 InputStream inputStream = urlConnection.getInputStream(); byte[] data = new byte[1024]; StringBuilder sb = new StringBuilder(); //inputStream每次就會將讀取1024個byte到data中,當inputSteam中沒有數據時,inputStream.read(data)值為-1 while (inputStream.read(data) != -1) { String s = new String(data, Charset.forName("utf-8")); sb.append(s); } result = sb.toString(); inputStream.close(); } catch (IOException e) { e.printStackTrace(); } return result; } public static void main(String[] args) { String str = doPost("http://localhost:8888/task/", "firstName=Mickey%26&lastName=Mouse "); System.out.println(str); }
2、在代碼中使用multipart/form-data
編碼格式設置Request屬性調用接口時,其中boundary
的值可以在設置Content-Type時指定,讓服務器知道如何拆分它接受的參數。通過以下代碼的調用接口:
private static String doPost(String strUrl, Map<String, String> params, String boundary) { String result = ""; try { URL url = new URL(strUrl); HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection(); urlConnection.setRequestMethod("POST"); urlConnection.setConnectTimeout(30000); urlConnection.setReadTimeout(30000); urlConnection.setDoOutput(true); //設置通用請求屬性為multipart/form-data urlConnection.setRequestProperty("content-type", "multipart/form-data;boundary=" + boundary); DataOutputStream dataOutputStream = new DataOutputStream(urlConnection.getOutputStream()); for (String key : params.keySet()) { String value = params.get(key); //注意!此處是\r(回車:將當前位置移到本行開頭)、\n(換行:將當前位置移到下行開頭)要一起使用 dataOutputStream.writeBytes("--" + boundary + "\r\n"); dataOutputStream.writeBytes("Content-Disposition: form-data; name=\"" + encode(key) + "\"\r\n"); dataOutputStream.writeBytes("\r\n"); dataOutputStream.writeBytes(encode(value) + "\r\n"); } //最后一個分隔符的結尾后面要跟"--" dataOutputStream.writeBytes("--" + boundary + "--"); dataOutputStream.flush(); dataOutputStream.close(); InputStream inputStream = urlConnection.getInputStream(); byte[] data = new byte[1024]; StringBuilder sb = new StringBuilder(); while (inputStream.read(data) != -1) { String s = new String(data, Charset.forName("utf-8")); sb.append(s); } result = sb.toString(); inputStream.close(); } catch (Exception e) { e.printStackTrace(); } return result; } private static