JSP 表单( form )

您所在的位置:网站首页 jsform表单 JSP 表单( form )

JSP 表单( form )

#JSP 表单( form )| 来源: 网络整理| 查看: 265

现在的网页都越来越注重交互体验,使用 HTML form 向服务器提交信息,并让后台程序处理

浏览器中使用 GET 和 POST 方法向服务器提交数据

JSP 可以处理浏览器使用 GET 和 POST 方法发送的数据

HTML 表单 GET 方法

HTTP GET 方法将请求的数据信息添加在网址后面,网址与数据信息通过"?"号分隔

http://localhost:8080/jsp/form_get.jsp?name=简单教程&url=www.twle.cn

GET 方法是浏览器默认传递参数的方法,一些敏感信息,如密码等建议不要使用 GET 方法

GET 方法传递数据有大小限制 (注意不是参数的个数有限制),最大为 1024 字节

POST 方法

一些敏感信息,如密码等我们可以通过 POST 方法传递,POST 提交数据是隐式的

POST 提交数据是不可见的,GET 是通过在 url 里面传递的(可以看一下你浏览器的地址栏)

JSP 处理表单数据

JSP 使用 request.getParameter() 来获得表单传递的参数

使用 request.getInputStream()方法来处理表单提交的二进制数据流的请求

JSP 读取表单数据方法 方法 说明 getParameter() 使用 request.getParameter() 方法来获取表单参数的值 getParameterValues() 获得如checkbox类(名字相同,但值有多个)的数据接收数组变量 ,如checkbox类型 getParameterNames() 获得所有变量的名称,该方法返回一个Emumeration getInputStream() 读取来自客户端的二进制数据流 范例 : JSP 获取 URL 上传递的参数

假设我们有一个简单的 URL,URL 上传递了 name 和 url 两个参数

现在,我们写一个 JSP 页面 form_get.jsp 来获得这两个参数的内容

http://localhost:8080/jsp/form_get.jsp?name=简单教程&url=www.twle.cn

我们使用以下方法来获得 name 和 greet

String name = request.getParameter("name"); String url = request.getParameter("url");

下面是 form_get.jsp 的代码

form_get.jsp 使用 GET 方法传递数据 - JSP 基础教程 | 简单教程(www.twle.cn)

站点名:

网址:

使用 GET 方法传递数据 - JSP 基础教程 | 简单教程(www.twle.cn)

在浏览器上输入

http://localhost:8080/jsp/form_get.jsp?name=简单教程&url=www.twle.cn

显示如下

使用 HTML 表单的 GET 方法提交参数

上面的范例,我们已经实现了使用 URL 来传递参数,并输出参数的内容

但这样太复杂了,而且用户体验不好,最好的方法就是制作一个 HTML 表单可以编辑并提交这些数据

现在,我们来制作一个表单 form.jsp,它使用 GET 方法向 form_get.jsp 提交数据

webapp/form.jsp HTML 表单提交数据(GET) - JSP 基础教程 | 简单教程(www.twle.cn) 站点: 网址:

HTML 表单提交数据(GET) - JSP 基础教程 | 简单教程(www.twle.cn)

在浏览器上输入

http://localhost:8080/jsp/form.jsp

显示如下

使用表单的 POST 方法范例

一些重要的数据肯定不能使用 GET 方法传递,应该使用 POST 方法传递

现在我们把上面的表单 form.jsp 中的 method 属性改成 "post" 就能使用 POST 方法提交数据了

webapp/form_post.jsp HTML 表单提交数据(POST) - JSP 基础教程 | 简单教程(www.twle.cn) 站点: 网址:

HTML 表单提交数据(POST) - JSP 基础教程 | 简单教程(www.twle.cn)

在浏览器上输入

http://localhost:8080/jsp/form_post.jsp

显示如下

JSP 处理 checkbox 数据

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

现在我们写一个范例来演示 JSP 如何处理 checkbox 数据

webapp/form_checkbox.jsp HTML checkbox 表单 - JSP 基础教程 | 简单教程(www.twle.cn) Google 简单编程 淘宝

HTML checkbox 表单 - JSP 基础教程 | 简单教程(www.twle.cn)

webapp/checkbox.jsp 从复选框中读取数据 - JSP 基础教程 | 简单教程(www.twle.cn)

Google 是否选中:

简单编程是否选中:

淘宝是否选中:

从复选框中读取数据 - JSP 基础教程 | 简单教程(www.twle.cn)

在浏览器上输入

http://localhost:8080/jsp/form_checkbox.jsp

显示如下

JSP 读取所有表单参数

JSP 可以使用 reqeust.getParameterNames() 读取所有表单参数,该方法返回所有变量的名称的枚举

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

webapp/checkbox_all.jsp 读取所有 checkbox 提交的数据 - JSP 基础教程 | 简单教程(www.twle.cn) table { border-collapse: collapse; } table,th,td {border:1px solid #ddd;} th,td {padding:5px 10px;text-align: left} 参数名参数值

读取所有 checkbox 提交的数据 - JSP 基础教程 | 简单教程(www.twle.cn)

webapp/form_checkbox_all.jsp HTML checkbox 表单 - JSP 基础教程 | 简单教程(www.twle.cn) Google 简单编程 淘宝

HTML checkbox 表单 - JSP 基础教程 | 简单教程(www.twle.cn)

在浏览器上输入

http://localhost:8080/jsp/form_checkbox_all.jsp

显示如下



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3