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

布满荆棘的人生 2022-09-24 12:17 216阅读 0赞

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

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

让我们开始吧！

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

![20160730164803413][]

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

![20160730164859961][]

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

getForm.html内容如下

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <form action="FormAction/getInfo.jsp" method="get">
    <input type="text" name="name" placeholder="请输信息">
    <input type="submit" value="提交">
    </form>
    </body>
    </html>

postForm.html内容如下

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>用post方法提交表单数据</title>
    </head>
    <body>
    <form action="FormAction/getInfo.jsp" method="post">
     <input type="text" name="name" placeholder="请输入信息">
     <input type="submit" value="提交">
    </form>
    </body>
    </html>

下面回到之前创建好的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】属性的值相对应

完成之后的目录结构如下

![20160730165551049][]

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

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

先测试get方式提交表单

![20160730165641910][]

我输入“你好”

效果如下

![20160730165731035][]

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

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

将getForm.html内容更改为如下

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <form action="FormAction/getInfo.jsp" method="get">
    <input type="text" name="name" placeholder="请输信息">
    <input type="text" name="name1" placeholder="请输信息">
    <input type="submit" value="提交">
    </form>
    </body>
    </html>

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

再测试运行

![20160730170506052][]

第一个框我输入“你好”

第二个框我输入“CSDN”

![20160730170619689][]

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

下面测试post方式提交表单

![20160730170910341][]

我依然输入“你好”

![20160730171005913][]

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

[20160730164803413]: /images/20220719/441c2dc5f73043828470b0b6b9087002.png
[20160730164859961]: /images/20220719/858b4b53ea4646ca82eae46842a22ef7.png
[20160730165551049]: /images/20220719/f29509ac64d3494fb8032c1f3e2aab9c.png
[20160730165641910]: /images/20220719/fa628a7cccc54f6b987d458157d42d12.png
[20160730165731035]: /images/20220719/37f851fc849f4601941fd29f5056682b.png
[20160730170506052]: /images/20220719/dc402c6a6b2c46bfabd3649ce71fd9d2.png
[20160730170619689]: /images/20220719/43b90025e4d44969b7b2375c7aef7073.png
[20160730170910341]: /images/20220719/a3312c3ac9c34e4fa352da1ed592776e.png
[20160730171005913]: /images/20220719/c2af1497aa414c12b8568e898c6a7f45.png