JSP 表單處理

我們在瀏覽網頁的時候，經常需要向伺服器提交資訊，並讓後臺程式處理。瀏覽器中使用 GET 和 POST 方法向伺服器提交資料。

GET 方法

GET方法將請求的編碼資訊新增在網址後面，網址與編碼資訊通過"?"號分隔。如下所示：

http://www.itread01.com/hello?key1=value1&key2=value2

GET方法是瀏覽器預設傳遞引數的方法，一些敏感資訊，如密碼等建議不使用GET方法。

用get時，傳輸資料的大小有限制（注意不是引數的個數有限制），最大為1024位元組。

POST 方法

一些敏感資訊，如密碼等我們可以通過POST方法傳遞，POST提交資料是隱式的。

POST提交資料是不可見的，GET是通過在url裡面傳遞的（可以看一下你瀏覽器的位址列）。

JSP使用getParameter()來獲得傳遞的引數，getInputStream()方法用來處理客戶端的二進位制資料流的請求。

JSP 讀取表單資料

getParameter(): 使用 request.getParameter() 方法來獲取表單引數的值。
getParameterValues(): 獲得如checkbox類（名字相同，但值有多個）的資料。接收陣列變數，如checkbox型別
getParameterNames():該方法可以取得所有變數的名稱，該方法返回一個 Enumeration。
getInputStream():呼叫此方法來讀取來自客戶端的二進位制資料流。

使用URL的 GET 方法例項

以下是一個簡單的URL,並使用GET方法來傳遞URL中的引數：

http://localhost:8080/testjsp/main.jsp?name=入門教學&url=http://ww.itread01.com

testjsp 為專案地址。

以下是 main.jsp 檔案的JSP程式用於處理客戶端提交的表單資料，我們使用getParameter()方法來獲取提交的資料：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>
<h1>使用 GET 方法讀取資料</h1>
<ul>
<li><p><b>站點名:</b>
   <%= request.getParameter("name")%>
</p></li>
<li><p><b>網址:</b>
   <%= request.getParameter("url")%>
</p></li>
</ul>
</body>
</html>

接下來我們通過瀏覽器訪問 http://localhost:8080/testjsp/main.jsp?name=入門教學&url=http://ww.itread01.com 輸出結果如下所示：

使用表單的 GET 方法例項

以下是一個簡單的 HTML 表單，該表單通過GET方法將客戶端資料提交到 main.jsp 檔案中：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>

<form action="main.jsp" method="GET">
站點名: <input type="text" name="name">
<br />
網址: <input type="text" name="url" />
<input type="submit" value="https://www.itread01.com/jsp/提交" />
</form>

</body>
</html>

將以上HTML程式碼儲存到test.htm檔案中。將該檔案放置於當前jsp專案的 WebContent 目錄下（與 main.jsp 同一個目錄）。

通過訪問 http://localhost:8080/testjsp/test.html 提交表單資料到 main.jsp 檔案，演示 Gif 圖如下所示：

在 "站點名" 與 "網址" 兩個表單中填入資訊，並點選 "提交" 按鈕，它將輸出結果。

使用表單的 POST 方法例項

接下來讓我們使用POST方法來傳遞表單資料，修改main.jsp與Hello.htm檔案程式碼，如下所示：

main.jsp檔案程式碼：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>
<h1>使用 POST 方法讀取資料</h1>
<ul>
<li><p><b>站點名:</b>
<%
// 解決中文亂碼的問題
String name = new String((request.getParameter("name")).getBytes("ISO-8859-1"),"UTF-8");
%>
   <%=name%>
</p></li>
<li><p><b>網址:</b>
   <%= request.getParameter("url")%>
</p></li>
</ul>
</body>
</html>

程式碼中我們使用 new String((request.getParameter("name")).getBytes("ISO-8859-1"),"UTF-8")來轉換編碼，防止中文亂碼的發生。

以下是test.htm修改後的程式碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>

<form action="main.jsp" method="POST">
站點名: <input type="text" name="name">
<br />
網址: <input type="text" name="url" />
<input type="submit" value="https://www.itread01.com/jsp/提交" />
</form>

</body>
</html>

通過訪問 http://localhost:8080/testjsp/test.html 提交表單資料到 main.jsp 檔案，演示 Gif 圖如下所示：

傳遞 Checkbox 資料到JSP程式

複選框 checkbox 可以傳遞一個甚至多個數據。

以下是一個簡單的HTML程式碼，並將程式碼儲存在test.htm檔案中：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>

<form action="main.jsp" method="POST" target="_blank">
<input type="checkbox" name="google" checked="checked" /> Google
<input type="checkbox" name="itread01"  /> 入門教學
<input type="checkbox" name="taobao" checked="checked" /> 
                                                淘寶
<input type="submit" value="https://www.itread01.com/jsp/選擇網站" />
</form>

</body>
</html>

以上程式碼在瀏覽器訪問如下所示：

以下為main.jsp檔案程式碼，用於處理複選框資料：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>
<h1>從複選框中讀取資料</h1>
<ul>
<li><p><b>Google 是否選中:</b>
   <%= request.getParameter("google")%>
</p></li>
<li><p><b>入門教學是否選中:</b>
   <%= request.getParameter("itread01")%>
</p></li>
<li><p><b>淘寶是否選中:</b>
   <%= request.getParameter("taobao")%>
</p></li>
</ul>
</body>
</html>

通過訪問 http://localhost:8080/testjsp/test.html 提交表單資料到 main.jsp 檔案，演示 Gif 圖如下所示：

讀取所有表單引數

以下我們將使用 HttpServletRequest 的 getParameterNames() 來讀取所有表單引數,該方法可以取得所有變數的名稱，該方法返回一個列舉。

一旦我們有了一個 Enumeration（列舉），我們就可以呼叫 hasMoreElements() 方法來確定是否還有元素，以及使用nextElement（）方法來獲得每個引數的名稱。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*,java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>
<h1>讀取所有表單引數</h1>
<table width="100%" border="1" align="center">
<tr bgcolor="#949494">
<th>引數名</th><th>引數值</th>
</tr>
<%
   Enumeration paramNames = request.getParameterNames();

   while(paramNames.hasMoreElements()) {
      String paramName = (String)paramNames.nextElement();
      out.print("<tr><td>" + paramName + "</td>\n");
      String paramValue = https://www.itread01.com/jsp/request.getParameter(paramName);
      out.println("<td> " + paramValue + "</td></tr>\n");
   }
%>
</table>
</body>
</html>

以下是test.htm檔案的內容:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>

<form action="main.jsp" method="POST" target="_blank">
<input type="checkbox" name="google" checked="checked" /> Google
<input type="checkbox" name="itread01"  /> 入門教學
<input type="checkbox" name="taobao" checked="checked" /> 
                                                淘寶
<input type="submit" value="https://www.itread01.com/jsp/選擇網站" />
</form>

</body>
</html>

現在我們通過瀏覽器訪問 test.htm 檔案提交資料，輸出結果如下：

通過訪問 http://localhost:8080/testjsp/test.html 提交表單資料到 main.jsp 檔案，演示 Gif 圖如下所示：

你可以嘗試使用以上的JSP程式碼讀取其它物件，如文字框，單選按鈕或下拉框等等其他形式的資料。

入門教學 -- 學的不僅是技術，更是夢想！

JSP 表單處理

JSP 表單處理

GET 方法

POST 方法

JSP 讀取表單資料

使用URL的 GET 方法例項

使用表單的 GET 方法例項

使用表單的 POST 方法例項

傳遞 Checkbox 資料到JSP程式

讀取所有表單引數