JSP 表单处理

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

GET 方法

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

http://www.shangmayuan.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.shangmayuan.com

testjsp 为项目地址。

以下是 main.jsp 文件的JSP程序用于处理客户端提交的表单数据,我们使用getParameter()方法来获取提交的数据:

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@pageimport="java.io.*,java.util.*"%><!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.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=JSP教程&url=http://ww.shangmayuan.com输出结果如下所示:

图片.png

使用表单的 GET 方法示例

以下是一个简单的 HTML 表单,该表单通过GET方法将客户端数据提交到 main.jsp 文件中:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><formaction="main.jsp"method="GET">站点名:<inputtype="text"name="name"><br/>网址:<inputtype="text"name="url"/><inputtype="submit"value="提交"/></form></body></html>

将以上HTML代码保存到test.htm文件中。将该文件放置于当前jsp项目的 WebContent 目录下(与 main.jsp 同一个目录)。

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

图片.png

在 "站点名" 与 "网址" 两个表单中填入信息,并点击 "提交" 按钮,它将输出结果。

使用表单的 POST 方法示例

接下来让我们使用POST方法来传递表单数据,修改main.jsp与Hello.htm文件代码,如下所示:

main.jsp文件代码:

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@pageimport="java.io.*,java.util.*"%><!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><h1>使用POST方法读取数据</h1><ul><li><p><b>站点名:</b><%//解决中文乱码的问题Stringname=newString((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修改后的代码:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><formaction="main.jsp"method="POST">站点名:<inputtype="text"name="name"><br/>网址:<inputtype="text"name="url"/><inputtype="submit"value="提交"/></form></body></html>

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

图片.png

传递 Checkbox 数据到JSP程序

复选框 checkbox 可以传递一个甚至多个数据。

以下是一个简单的HTML代码,并将代码保存在test.htm文件中:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><formaction="main.jsp"method="POST"target="_blank"><inputtype="checkbox"name="google"checked="checked"/>Google<inputtype="checkbox"name="nhooo"/>基础教程网<inputtype="checkbox"name="taobao"checked="checked"/>淘宝<inputtype="submit"value="选择网站"/></form></body></html>

以上代码在浏览器访问如下所示:

以下为main.jsp文件代码,用于处理复选框数据:

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@pageimport="java.io.*,java.util.*"%><!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><h1>从复选框中读取数据</h1><ul><li><p><b>Google是否选中:</b><%=request.getParameter("google")%></p></li><li><p><b>基础教程网是否选中:</b><%=request.getParameter("nhooo")%></p></li><li><p><b>淘宝是否选中:</b><%=request.getParameter("taobao")%></p></li></ul></body></html>

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

图片.png

点击"选择网站"后:

图片.png

读取所有表单参数

以下我们将使用 HttpServletRequestgetParameterNames() 来读取所有表单参数,该方法可以取得所有变量的名称,该方法返回一个枚举。

一旦我们有了一个 Enumeration(枚举),我们就可以调用 hasMoreElements() 方法来确定是否还有元素,以及使用nextElement()方法来获得每个参数的名称。

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@pageimport="java.io.*,java.util.*"%><!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><h1>读取所有表单参数</h1><tablewidth="100%"border="1"align="center"><trbgcolor="#949494"><th>参数名</th><th>参数值</th></tr><%EnumerationparamNames=request.getParameterNames();while(paramNames.hasMoreElements()){StringparamName=(String)paramNames.nextElement();out.print("<tr><td>"+paramName+"</td>\n");StringparamValue=request.getParameter(paramName);out.println("<td>"+paramValue+"</td></tr>\n");}%></table></body></html>

以下是test.htm文件的内容:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>基础教程网(shangmayuan.com)</title></head><body><formaction="main.jsp"method="POST"target="_blank"><inputtype="checkbox"name="google"checked="checked"/>Google<inputtype="checkbox"name="nhooo"/>基础教程网<inputtype="checkbox"name="taobao"checked="checked"/>淘宝<inputtype="submit"value="选择网站"/></form></body></html>

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

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


图片.png

点击 "选择网站"后:

图片.png

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

编辑于2024-05-20 11:56