jsp数据库基础之---使用post和get方法获取表单数据

项目地址:https://gitee.com/martinHuang/jsp-basic/  

在实际应用场景中,用户提交的数据常常需要跟数据库进行交互,而这一过程最经常用到的就是表单,表单最基本的提交分为2钟,一种是post方式,一种是get方式。其中post方式比较安全,get方式有字符长度上的限制。

  让我们开始吧!

在WebContent下新建一个文件夹,名为FormAction

jsp数据库基础之---使用post和get方法获取表单数据_第1张图片

在FormAction中新建一个jsp文件,名为getInfo.jsp备用

jsp数据库基础之---使用post和get方法获取表单数据_第2张图片

 在WebContent下新建两个html网页,名为getForm.html、postForm.html

getForm.html内容如下





Insert title here



postForm.html内容如下





用post方法提交表单数据



下面回到之前创建好的getInfo.jsp文件,将所有html的部分删除,仅保留动态脚本部分,添加如下内容

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	request.setCharacterEncoding("utf-8");
	String info = request.getParameter("name");
  	out.println(info);
%>

其中

1、

request.setCharacterEncoding("utf-8");

是为了防止在表单传递中文的时候乱码

2、

 request.getParameter("name");
是为了获取表单数据,name与表单元素的【name】属性的值相对应

完成之后的目录结构如下

jsp数据库基础之---使用post和get方法获取表单数据_第3张图片

下面我们就可以测试运行了

这个程序的作用就是获取用户在输入框内输入的数据,通过post和get方式提交,并把输入的数据显示在屏幕上

先测试get方式提交表单

jsp数据库基础之---使用post和get方法获取表单数据_第4张图片

我输入“你好”

效果如下

jsp数据库基础之---使用post和get方法获取表单数据_第5张图片

显然,我刚才输入的数据已经显示出来了,这时可以发现在getInfo.jsp后出现了一个?,后面跟的是表单元素的【name】属性的值+用户提交的值

如果一个表单中有多个表单元素呢?

将getForm.html内容更改为如下





Insert title here



其实就添加了一个表单元素

再测试运行

jsp数据库基础之---使用post和get方法获取表单数据_第6张图片

第一个框我输入“你好”

第二个框我输入“CSDN”

jsp数据库基础之---使用post和get方法获取表单数据_第7张图片

显然,当表单通过get方式提交时,如果有多个表单元素的话,中间使用&符号连接

下面测试post方式提交表单

jsp数据库基础之---使用post和get方法获取表单数据_第8张图片

我依然输入“你好”

jsp数据库基础之---使用post和get方法获取表单数据_第9张图片

显然,用post方式提交时,getInfo.jsp后面是没有表单参数的,这样的方式会更加安全

你可能感兴趣的:(jsp基础)