JSP 表單處理向服務器提交信息
JSP 表單處理
我們在瀏覽網頁的時候,經常需要向服務器提交信息,並讓後臺程序處理。瀏覽器中使用 GET 和 POST 方法向服務器提交數據。
GET 方法
GET方法將請求的編碼信息添加在網址後面,網址與編碼信息通過"?"號分隔。如下所示:
//www.w3cschool.cn/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文件中。 將該文件放置於/webapps/ROOT 目錄下。 通過訪問http://localhost:8080/Hello.htm,輸出界面如下所示:
在"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,輸出如下:
在"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>
以上實例輸出結果為:
讀取所有表單參數
以下我們將使用 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 文件並提交數據,輸出結果如下:
你可以嘗試使用以上的JSP代碼讀取其它對象,如文本框,單選按鈕或下拉框等等其他形式的數據。
JSP 表單處理向服務器提交信息