JSP 表單處理

jsp 表單處理

我們在瀏覽網(wǎng)頁的時候，經(jīng)常需要向服務(wù)器提交信息，并讓后臺程序處理。瀏覽器中使用 get 和 post 方法向服務(wù)器提交數(shù)據(jù)。

get 方法

get方法將請求的編碼信息添加在網(wǎng)址后面，網(wǎng)址與編碼信息通過"?"號分隔。如下所示：

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

get方法是瀏覽器默認傳遞參數(shù)的方法，一些敏感信息，如密碼等建議不使用get方法。

用get時，傳輸數(shù)據(jù)的大小有限制（注意不是參數(shù)的個數(shù)有限制），最大為1024字節(jié)。

post 方法

一些敏感信息，如密碼等我們可以通過post方法傳遞，post提交數(shù)據(jù)是隱式的。

post提交數(shù)據(jù)是不可見的，get是通過在url里面?zhèn)鬟f的（可以看一下你瀏覽器的地址欄）。

jsp使用getparameter()來獲得傳遞的參數(shù)，getinputstream()方法用來處理客戶端的二進制數(shù)據(jù)流的請求。

jsp 讀取表單數(shù)據(jù)

getparameter(): 使用 request.getparameter() 方法來獲取表單參數(shù)的值。
getparametervalues(): 獲得如checkbox類（名字相同，但值有多個）的數(shù)據(jù)。接收數(shù)組變量，如checkbox類型
getparameternames():該方法可以取得所有變量的名稱，該方法返回一個 enumeration。
getinputstream():調(diào)用此方法來讀取來自客戶端的二進制數(shù)據(jù)流。

使用url的 get 方法實例

以下是一個簡單的url,并使用get方法來傳遞url中的參數(shù)：

http://localhost:8080/testjsp/main.jsp?name=碩編程&url=http://ww.yapf.com

testjsp 為項目地址。

以下是 main.jsp 文件的jsp程序用于處理客戶端提交的表單數(shù)據(jù)，我們使用getparameter()方法來獲取提交的數(shù)據(jù)：

<%@ 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>碩編程(yapf.com)</title>
</head>
<body>
<h1>使用 get 方法讀取數(shù)據(jù)</h1>
<ul>
<li><p><b>站點名:</b>
   <%= request.getparameter("name")%>
</p></li>
<li><p><b>網(wǎng)址:</b>
   <%= request.getparameter("url")%>
</p></li>
</ul>
</body>
</html>

接下來我們通過瀏覽器訪問 http://localhost:8080/testjsp/main.jsp?name=碩編程&url=http://ww.yapf.com 輸出結(jié)果如下所示：

使用表單的 get 方法實例

以下是一個簡單的 html 表單，該表單通過get方法將客戶端數(shù)據(jù)提交到 main.jsp 文件中：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>碩編程(yapf.com)</title>
</head>
<body>

<form action="main.jsp" method="get">
站點名: <input type="text" name="name">
<br />
網(wǎng)址: <input type="text" name="url" />
<input type="submit" value="提交" />
</form>

</body>
</html>

將以上html代碼保存到test.htm文件中。將該文件放置于當前jsp項目的 webcontent 目錄下（與 main.jsp 同一個目錄）。

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數(shù)據(jù)到 main.jsp 文件，演示 gif 圖如下所示：

在 "站點名" 與 "網(wǎng)址" 兩個表單中填入信息，并點擊 "提交" 按鈕，它將輸出結(jié)果。

使用表單的 post 方法實例

接下來讓我們使用post方法來傳遞表單數(shù)據(jù)，修改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>碩編程(yapf.com)</title>
</head>
<body>
<h1>使用 post 方法讀取數(shù)據(jù)</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>網(wǎng)址:</b>
   <%= request.getparameter("url")%>
</p></li>
</ul>
</body>
</html>

代碼中我們使用 new string((request.getparameter("name")).getbytes("iso-8859-1"),"utf-8")來轉(zhuǎn)換編碼，防止中文亂碼的發(fā)生。

以下是test.htm修改后的代碼：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>碩編程(yapf.com)</title>
</head>
<body>

<form action="main.jsp" method="post">
站點名: <input type="text" name="name">
<br />
網(wǎng)址: <input type="text" name="url" />
<input type="submit" value="提交" />
</form>

</body>
</html>

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數(shù)據(jù)到 main.jsp 文件，演示 gif 圖如下所示：

傳遞 checkbox 數(shù)據(jù)到j(luò)sp程序

復(fù)選框 checkbox 可以傳遞一個甚至多個數(shù)據(jù)。

以下是一個簡單的html代碼，并將代碼保存在test.htm文件中：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>碩編程(yapf.com)</title>
</head>
<body>

<form action="main.jsp" method="post" target="_blank">
<input type="checkbox" name="google" checked="checked" /> google
<input type="checkbox" name="yapf"  /> 碩編程
<input type="checkbox" name="taobao" checked="checked" /> 淘寶
<input type="submit" value="選擇網(wǎng)站" />
</form>

</body>
</html>

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

以下為main.jsp文件代碼，用于處理復(fù)選框數(shù)據(jù)：

<%@ 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>碩編程(yapf.com)</title>
</head>
<body>
<h1>從復(fù)選框中讀取數(shù)據(jù)</h1>
<ul>
<li><p><b>google 是否選中:</b>
   <%= request.getparameter("google")%>
</p></li>
<li><p><b>碩編程是否選中:</b>
   <%= request.getparameter("yapf")%>
</p></li>
<li><p><b>淘寶是否選中:</b>
   <%= request.getparameter("taobao")%>
</p></li>
</ul>
</body>
</html>

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數(shù)據(jù)到 main.jsp 文件，演示 gif 圖如下所示：

讀取所有表單參數(shù)

以下我們將使用 httpservletrequest 的 getparameternames() 來讀取所有表單參數(shù),該方法可以取得所有變量的名稱，該方法返回一個枚舉。

一旦我們有了一個 enumeration（枚舉），我們就可以調(diào)用 hasmoreelements() 方法來確定是否還有元素，以及使用nextelement（）方法來獲得每個參數(shù)的名稱。

<%@ 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>碩編程(yapf.com)</title>
</head>
<body>
<h1>讀取所有表單參數(shù)</h1>
<table width="100%" border="1" align="center">
<tr bgcolor="#949494">
<th>參數(shù)名</th><th>參數(shù)值</th>
</tr>
<%
   enumeration paramnames = request.getparameternames();

   while(paramnames.hasmoreelements()) {
      string paramname = (string)paramnames.nextelement();
      out.print("<tr><td>" + paramname + "</td>\n");
      string paramvalue = request.getparameter(paramname);
      out.println("<td> " + paramvalue + "</td></tr>\n");
   }
%>
</table>
</body>
</html>

以下是test.htm文件的內(nèi)容:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>碩編程(yapf.com)</title>
</head>
<body>

<form action="main.jsp" method="post" target="_blank">
<input type="checkbox" name="google" checked="checked" /> google
<input type="checkbox" name="yapf"  /> 碩編程
<input type="checkbox" name="taobao" checked="checked" /> 
                                                淘寶
<input type="submit" value="選擇網(wǎng)站" />
</form>

</body>
</html>

現(xiàn)在我們通過瀏覽器訪問 test.htm 文件提交數(shù)據(jù)，輸出結(jié)果如下：

通過訪問 http://localhost:8080/testjsp/test.html 提交表單數(shù)據(jù)到 main.jsp 文件，演示 gif 圖如下所示：

你可以嘗試使用以上的jsp代碼讀取其它對象，如文本框，單選按鈕或下拉框等等其他形式的數(shù)據(jù)。

相關(guān)文章

JSP基礎(chǔ)