JSP 表單處理 · W3School Java & Java Web 教程

# JSP 表單處理我們在瀏覽網頁的時候，經常需要向服務器提交信息，并讓后臺程序處理。瀏覽器中使用 GET 和 POST 方法向服務器提交數據。 ## GET 方法 GET方法將請求的編碼信息添加在網址后面，網址與編碼信息通過"?"號分隔。如下所示： ``` http://www.w3cschool.cc/hello?key1=value1&key2=value2 ``` GET方法是瀏覽器默認傳遞參數的方法，一些敏感信息，如密碼等建議不使用GET方法。用get時，傳輸數據的大小有限制（注意不是參數的個數有限制），最大為1024字節。 ## POST 方法一些敏感信息，如密碼等我們可以同過POST方法傳遞，post提交數據是隱式的。 POST提交數據是不可見的，GET是通過在url里面傳遞的（可以看一下你瀏覽器的地址欄）。 JSP使用getParameter()來獲得傳遞的參數，getInputStream()方法用來處理客戶端的二進制數據流的請求。 ## JSP 讀取表單數據 * **getParameter():** 使用 request.getParameter() 方法來獲取表單參數的值。 * **getParameterValues():** 獲得如checkbox類（名字相同，但值有多個）的數據。接收數組變量，如checkobx類型 * **getParameterNames():**該方法可以取得所有變量的名稱，該方法返回一個Emumeration。 * **getInputStream():**調用此方法來讀取來自客戶端的二進制數據流。 ## 使用URL的 GET 方法實例以下是一個簡單的URL,并使用GET方法來傳遞URL中的參數： ``` http://localhost:8080/main.jsp?first_name=ZARA&last_name=ALI ``` 以下是main.jsp文件的JSP程序用于處理客戶端提交的表單數據，我們使用getParameter()方法來獲取提交的數據： ``` <html> <head> <title>Using GET Method to Read Form Data</title> </head> <body> <center> <h1>Using GET Method to Read Form Data</h1> <ul> <li><p><b>First Name:</b> <%= request.getParameter("first_name")%> </p></li> <li><p><b>Last Name:</b> <%= request.getParameter("last_name")%> </p></li> </ul> </body> </html> ``` 接下來我們通過瀏覽器訪問_http://localhost:8080/main.jsp?first_name=ZARA&last_name=ALI_ 輸出結果如下所示： ``` Using GET Method to Read Form Data First Name: ZARA Last Name: ALI ``` ## 使用表單的 GET 方法實例以下是一個簡單的HTML表單，該表單通過GET方法將客戶端數據提交到main.jsp文件中： ``` <html> <body> <form action="main.jsp" method="GET"> First Name: <input type="text" name="first_name"> <br /> Last Name: <input type="text" name="last_name" /> <input type="submit" value="Submit" /> </form> </body> </html> ``` 將以上HTML代碼保存到Hello.htm文件中。將該文件放置于<Tomcat安裝目錄>/webapps/ROOT 目錄下。通過訪問 _http://localhost:8080/Hello.htm_，輸出界面如下所示： ![form-1](https://box.kancloud.cn/2015-12-15_566fe70414bc1.jpg) 在"First Name" 與 "Last Name"兩個表單中填入信息，并點擊"Submit"按鈕，它將輸出結果。 ## 使用表單的 POST 方法實例接下來讓我們使用POST方法來傳遞表單數據，修改main.jsp與Hello.htm文件代碼，如下所示： main.jsp文件代碼： ``` <html> <head> <title>Using GET and POST Method to Read Form Data</title> </head> <body> <center> <h1>Using GET Method to Read Form Data</h1> <ul> <li><p><b>First Name:</b> <%= request.getParameter("first_name")%> </p></li> <li><p><b>Last Name:</b> <%= request.getParameter("last_name")%> </p></li> </ul> </body> </html> ``` 以下是Hello.htm修改后的代碼： ``` <html> <body> <form action="main.jsp" method="POST"> First Name: <input type="text" name="first_name"> <br /> Last Name: <input type="text" name="last_name" /> <input type="submit" value="Submit" /> </form> </body> </html> ``` 通過瀏覽器訪問 _http://localhost:8080/Hello.htm_，輸出如下： ![form-1](https://box.kancloud.cn/2015-12-15_566fe70414bc1.jpg) 在"First Name" 與 "Last Name"兩個表單中填入信息，并點擊"Submit"按鈕，它將輸出結果。 ## 傳遞 Checkbox 數據到JSP程序復選框 checkbox 可以傳遞一個甚至多個數據。以下是一個簡單的HTML代碼，并將代碼保存在CheckBox.htm文件中： ``` <html> <body> <form action="main.jsp" method="POST" target="_blank"> <input type="checkbox" name="maths" checked="checked" /> Maths <input type="checkbox" name="physics" /> Physics <input type="checkbox" name="chemistry" checked="checked" /> Chemistry <input type="submit" value="Select Subject" /> </form> </body> </html> ``` 以上代碼在瀏覽器訪問如下所示：以下為main.jsp文件代碼，用于處理復選框數據： ``` <html> <head> <title>Reading Checkbox Data</title> </head> <body> <center> <h1>Reading Checkbox Data</h1> <ul> <li><p><b>Maths Flag:</b> <%= request.getParameter("maths")%> </p></li> <li><p><b>Physics Flag:</b> <%= request.getParameter("physics")%> </p></li> <li><p><b>Chemistry Flag:</b> <%= request.getParameter("chemistry")%> </p></li> </ul> </body> </html> ``` 以上實例輸出結果為： ![form-2](https://box.kancloud.cn/2015-12-15_566fe70448612.jpg) ## 讀取所有表單參數以下我們將使用 HttpServletRequest 的getParameterNames()來讀取所有可用的表單參數,該方法可以取得所有變量的名稱，該方法返回一個Emumeration。一旦我們有了一個Enumeration（枚舉），我們就可以調用hasMoreElements（）方法來確定何時停止使用和nextElement（）方法來獲得每個參數的名稱。 ``` <%@ page import="java.io.*,java.util.*" %> <html> <head> <title>HTTP Header Request Example</title> </head> <body> <center> <h2>HTTP Header Request Example</h2> <table width="100%" border="1" align="center"> <tr bgcolor="#949494"> <th>Param Name</th><th>Param Value(s)</th> </tr> <% Enumeration paramNames = request.getParameterNames(); while(paramNames.hasMoreElements()) { String paramName = (String)paramNames.nextElement(); out.print("<tr><td>" + paramName + "</td>\n"); String paramValue = request.getHeader(paramName); out.println("<td> " + paramValue + "</td></tr>\n"); } %> </table> </center> </body> </html> ``` 以下是Hello.htm文件的內容: ``` <html> <body> <form action="main.jsp" method="POST" target="_blank"> <input type="checkbox" name="maths" checked="checked" /> Maths <input type="checkbox" name="physics" /> Physics <input type="checkbox" name="chemistry" checked="checked" /> Chem <input type="submit" value="Select Subject" /> </form> </body> </html> ``` 現在我們通過瀏覽器訪問 Hello.htm 文件并提交數據，輸出結果如下： ![form-3](https://box.kancloud.cn/2015-12-15_566fe70459b1b.jpg) 你可以嘗試使用以上的JSP代碼讀取其它對象，如文本框，單選按鈕或下拉框等等其他形式的數據。