POST方法如何設定傳輸的資料的格式

1

第一種方式比較簡單，直接在form表單的enctype屬性上設定資料傳輸的格式。圖中表單上的action屬性是填寫處理資料的檔案的路徑，method屬性指定通過用post方式傳輸資料，enctype指定傳輸資料的格式。若是跟我一樣使用jsp來處理傳輸的資料的話，index.html和dologin.jsp位於同一路徑下。

1

第二種方式是使用原生的js，通過ajax傳輸資料到伺服器端。在js中指定傳輸的資料的格式。

先寫一個函數createXMLHttpRequest()用於創造XMLHttpRequest物件。

2

然後編寫一個使用application/x-www-form-urlencoded格式傳輸資料的函數sendDataByText()。修改表單上的內容如圖。

3

使用tomcat+chrome瀏覽器驗證是否按照application/x-www-form-urlencoded格式傳輸資料。啟用tomcat執行後，使用chrome的開發者工具，輸入使用者名稱和密碼，點選登入後，可以看到資料傳輸的格式是application/x-www-form-urlencoded格式。

4

接下來編寫一個使用multipart/form-data格式傳輸資料的函數sendDataByBinary()。注意表單上的資料需用FormData物件來儲存。修改表單上的內容如圖。

5

啟用tomcat執行後，使用chrome的開發者工具，輸入使用者名稱和密碼，點選登入後，可以看到資料傳輸的格式是multipart/form-data格式。

1

第三種方式是使用jQuery的ajax方式傳輸資料時指定資料傳輸的格式。

要使用jQuery需先引入jQuery的js檔案。

2

然後編寫一個使用application/x-www-form-urlencoded格式傳輸資料的函數sendDataByText()。修改表單上的內容如圖。

3

啟用tomcat執行後，使用chrome的開發者工具，輸入使用者名稱和密碼，點選登入後，可以看到資料傳輸的格式是application/x-www-form-urlencoded格式。

4

接下來編寫一個使用multipart/form-data格式傳輸資料的函數sendDataByBinary()。注意表單上的資料需用FormData物件來儲存，且需要增加processData: false。修改表單上的內容如圖。

5

啟用tomcat執行後，使用chrome的開發者工具，輸入使用者名稱和密碼，點選登入後，可以看到資料傳輸的格式是multipart/form-data格式。