JSP 表单处理

jsp 表单处理

我们在浏览网页的时候,经常需要向服务器提交信息,并让后台程序处理。浏览器中使用 get 和 post 方法向服务器提交数据。

get 方法

get方法将请求的编码信息添加在网址后面,网址与编码信息通过"?"号分隔。如下所示:

http://www.yapf.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.yapf.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>硕编程(yapf.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.yapf.com 输出结果如下所示:

使用表单的 get 方法实例

以下是一个简单的 html 表单,该表单通过get方法将客户端数据提交 到 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 />
网址: <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 提交表单数据到 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>硕编程(yapf.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>硕编程(yapf.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="提交" />
</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>硕编程(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="选择网站" />
</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>硕编程(yapf.com)</title>
</head>
<body>
<h1>从复选框中读取数据</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 提交表单数据到 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>硕编程(yapf.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 = request.getparameter(paramname);
      out.println("<td> " + paramvalue + "</td></tr>\n");
   }
%>
</table>
</body>
</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="选择网站" />
</form>

</body>
</html>

现在我们通过浏览器访问 test.htm 文件提交数据,输出结果如下:

通过访问 http://localhost:8080/testjsp/test.html 提交表单数据到 main.jsp 文件,演示 gif 图如下所示:

你可以尝试使用以上的jsp代码读取其它对象,如文本框,单选按钮或下拉框等等其他形式的数据。

相关文章