JSP-实验：表单传值-提交表单并传递、获取数据

最新推荐文章于 2024-02-26 08:13:00 发布
最新推荐文章于 2024-02-26 08:13:00 发布
阅读量2.1w 收藏 85
点赞数 22
分类专栏： JSP HTML 学习 文章标签： JSP 实验 表单 数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43342406/article/details/83721993
版权
JSP 同时被 3 个专栏收录
6 篇文章 0 订阅
订阅专栏
HTML
2 篇文章 0 订阅
订阅专栏
学习
2 篇文章 0 订阅
订阅专栏

JSP-实验：表单传值-提交表单并传递、获取数据

说明: 参考链接在最后1

我这个版本运行过，反正没大问题，但是用参考的那个网页上的内容，就会出错……原因也写在后面了。

实验

实验内容：

利用表单传递数据，此题目包含01.html、01.jsp、02.jsp、03.jsp、04.jsp共五个程序。
以下图1-5分别是这5个程序运行后的截图。编写程序代码实现截图效果。

下载地址(实验内容/源代码)：

01.html
01.jsp
02.jsp
03.jsp
04.jsp

相关知识

jsp表单form传值

页面间链接和数据传递的三种方式：

（1）通过form将数据提交到下一个页面；

（2）通过链接将数据提交到下一个页面；

（3）通过Session将数据提交到后续页面。

session是一次会话只要浏览器不关闭就不会关闭会话，一般默认保存30分钟可以根据自己的需要更改。（关于如何更改，暂时没有涉及）

源代码

参考链接1

参考链接的代码有部分无法运行，重新修改了。

【备注】只粘贴部分代码，源代码自己下载吧。

01.html

<h2>利用表单传递数据</h2>

<form name="form1" method="post" action="02.jsp">
	<p>你的姓名：
		<input type="text" name="name">
		</p>
	<p>你的爱好：
		<input type="text" name="hobby">
		</p>
	<p>你所从事的行业：
		<select name="work">
		<option></option> <!--默认为空，从下拉菜单中选择-->
		<option value="学生">学生</option>
		<option value="IT业">IT业</option>
		<option value="商业">商业</option>
		<option value="制造业">制造业</option>
		<option value="服务业">服务业</option>
		</select>
	</p>
	<p>
	<input type="Submit" value="提交">
	<input type="Reset" value="重置">
	</p>
</form>

02.jsp

<p>
<%
	//从表单中获取数据

	String name=new String(request.getParameter("name").getBytes("iso-8859-1"), "utf-8");
	String hobby=new String(request.getParameter("hobby").getBytes("iso-8859-1"), "utf-8");
	String work=new String(request.getParameter("work").getBytes("iso-8859-1"), "utf-8");
	%>

<%	
	//验证"名字(name)"的长度是否符合要求
	if(name.length()<2||name.length()>8)
		out.println("你输入的名字长度不符合要求");
	else{ 
		out.println("你的姓名是："+name+"<br>");
		out.println("你的爱好是："+hobby+"<br>");
		out.println("你所从事的工作是："+work+"<br>");

	//将"名字(name)"保存到session对象中,让后续页面(下个页面、下下个页面、……)引用
		session.setAttribute("name",name);
   }
%>
<br>
<!--将"爱好(hobby)"和"工作(work)"以链接的形式传递给下个页面-->
<a href="03.jsp?hobby=<%=hobby%>&work=<%=work%>">提交</a>
</p>
<hr>
<p><font size="2">*将"名字(name)"保存到session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
<p><font size="2">*将"爱好(hobby)"和"工作(work)"以链接的形式传递给下个页面</font></p>

03.jsp

<body>
<p>从session对象中获取"名字(name)"的值;<br>从链接中获取"爱好(hobby)"和"工作(work)"</p>

<SCRIPT language="JavaScript">
     function submit1()
	{
    	 document.forms["form1"].action="04.jsp";
    	 document.form1.submit();
    	 }

     function edit1()
     {
		document.forms["form1"].action="01.jsp";
		document.form1.submit();
		}
</SCRIPT>

<body>
<h3>从session对象中获取"名字(name)"的值;从链接中获取"爱好(hobby)"和"工作(work)"</h3>

<%
	String name=(String)session.getAttribute("name");
	String hobby=request.getParameter("hobby");
	String work= request.getParameter("work");

	out.println("你的姓名是："+name+"<br>");
	out.println("你的爱好是："+hobby+"<br>");
	out.println("你所从事的工作是："+work+"<br>");

   //将"爱好(hobby)"和"工作(work)"保存在session对象中
   session.setAttribute("hobby",hobby);
   session.setAttribute("work",work);
%>

<form name="form1" method="post"> 
	<input type="hidden" name="name" value="<%=name%>"> 
	<input type="hidden" name="hobby" value="<%=hobby%>"> 
	<input type="hidden" name="work" value="<%=work%>"> 
	<p><h3>确认提交这些信息吗？</h3></p> 
	<input type="Button" name="Submit" value="确认" onClick="javascript:submit1()"> 
	<input type="Button" name="Edit" value="修改" onClick="javascript:edit1()"> 
</form> 
<hr>
<p><font size="2">*将"爱好(hobby)"和"工作(work)"保存在session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
<p><font size="2">*由于"名字(name)"在上个页面中已经保存在session对象中了,这里没必要再次保存</font></p>
</body>

04.jsp

<%
   //从sessoin对象中获取数据
	String name=(String)session.getAttribute("name");
	String work=(String)session.getAttribute("work");
	String hobby=(String)session.getAttribute("hobby");
%>

<p>
<font color="#0000FF"><%=name%></font>，你好！你所从事的工作是<font color="#0000FF"><%=work%></font>，在业余时间喜欢<font color="#0000FF"><%=hobby%></font>。
</p>

01.jsp

<title>利用表单传递数据</title>
</head>

<%  
   String name=new String(request.getParameter("name").getBytes("iso-8859-1"), "utf-8");  
   String hobby=new String(request.getParameter("hobby").getBytes("iso-8859-1"), "utf-8");  
   String work=new String(request.getParameter("work").getBytes("iso-8859-1"), "utf-8");  
%> 

<body>

<h3>利用表单传递数据</h3> 
<form name="form1" method="post" action="02.jsp"> 
<p>你的姓名：  
     <input type="text" name="name" value="<%=name%>"> 
</p> 
<p>你的爱好：  
     <input type="text" name="hobby" value="<%=hobby%>"> 
</p> 
<p>你所从事的行业：  
     <select name="work"> 
          <%if(work.equals("学生")){%> 
        <option value="学生" selected>学生</option> 
        <option value="IT业">IT业</option> 
        <option value="商业">商业</option> 
        <option value="制造业">制造业</option> 
        <option value="服务业">服务业</option> 
          <%}else if(work.equals("IT业")){%> 
        <option value="学生">学生</option> 
        <option value="IT业" selected>IT业</option> 
        <option value="商业">商业</option> 
        <option value="制造业">制造业</option> 
        <option value="服务业">服务业</option> 
          <%}else if(work.equals("商业")){%> 
        <option value="学生">学生</option> 
        <option value="IT业">IT业</option> 
        <option value="商业" selected>商业</option> 
        <option value="制造业">制造业</option> 
        <option value="服务业">服务业</option> 
          <%}else if(work.equals("制造业")){%> 
        <option value="学生">学生</option> 
        <option value="IT业">IT业</option> 
        <option value="商业">商业</option> 
       <option value="制造业" selected>制造业</option> 
        <option value="服务业">服务业</option> 
              <%}else if(work.equals("服务业")){%> 
        <option value="学生">学生</option> 
       <option value="IT业">IT业</option> 
        <option value="商业">商业</option> 
        <option value="制造业">制造业</option> 
        <option value="服务业" selected>服务业</option> 
              <%}%> 
     </select> 
</p> 
<p> 
     <input type="Submit" value="提交"> 
     <input type="Reset" value="重置"> 
</p> 
</form> 

</body>

遇到的问题

  • 在Eclipse无法运行，然而在浏览器上可以运行，完全没出错……
    • 直接在Eclipse运行之后，复制一下网址再实验吧……
    • 具体就是第一个页面还可以，第二个也没问题
    • 到了第3个页面就出错了
      • 报错内容:
    HTTP Status 400 – Bad Request
Type Exception Report

Message Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986

Description The server cannot or will not process the request due to something that is perceived to be a client error (e.g., malformed request syntax, invalid request message framing, or deceptive request routing).

Exception
java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986
	org.apache.coyote.http11.Http11InputBuffer.parseRequestLine(Http11InputBuffer.java:467)
	org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:294)
	org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:66)
	org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:770)
	org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1415)
	org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49)
	java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source)
	java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source)
	org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
	java.lang.Thread.run(Unknown Source)

Note The full stack trace of the root cause is available in the server logs.
Apache Tomcat/9.0.11

预览效果

01 html：

img

02 jsp：

img

03 jsp：

img

04 jsp：

img

01 jsp：

返回03，点击“修改”，跳转到01.jsp。图和01.html的一样。

既然看到了最后，那就直接给个压缩包吧，可以直接点击下载源代码：

源代码

备注：修改了一次，问题不大，然后也就没有重新上传源文件了。


//end

其他说明可以点击 简 介 说 明 查看。
转载请联系作者。

【赞赏&支持&福利】

感谢！
│  支持&福利（+每日领红包）  │  备用链

  1. jsp 表单传值 - jzz111的专栏 - CSDN博客
    浅谈JSP表单中的form传值 - 轻锋的专栏 - CSDN博客 ↩︎ ↩︎

amoscey
关注
  • 22
    点赞
  • 踩
  • 85
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
jsp表单制作.rar_html_jsp_jsp 制作表单_jsp开发_jsp表单制作
09-14
用JSP和HTML制作表单，很实用做出自己的东西。
sql server 建立两个表间的约束_DQL 数据模型的建立和部署
weixin_39637256的博客
12-09 297
一、建立数据模型以基于数据库表的数据模型建立为例，数据模型建立操作步骤如下：1、连接数据库依次点击上方菜单栏中的“系统”–“数据源”–“新建”–“JDBC”，配置 jdbc 数据源连接池信息。最后点击“连接”，当颜色显示为粉色时，表示连接成功。PS：当“数据库供应商”列表中没有自己的数据库类型时，选择“unknown”，手动填写驱动程序和 URL，数据库驱动 jar 放到安装目录 commonjd...
JSP实现数据传递与保存（一）
最新发布
m0_61606343的博客
02-26 1302
JSP实现数据传递与保存（一）
Servlet-Jsp-教程：Servlet和Jspçalışmalaları
02-22
Servlet-Jsp-教程 Servlet，JSP和Tomcatçalışmalaları 库兰尼兰IDE Eclipse 2020-06 Java EEsürümü 凯纳克拉尔
jquery ajax 如何向jsp提交表单数据
11-23
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！ 之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是form提交（和平常一样在后台可以获取到Form表单的值）。在所要提交的表单中，如果元素很多的话建议用第二种方式进行提交，当然你要是想练
maven-jsp-plugin:编译.jsp文件
04-28
Maven-jsp-插件 编译.jsp文件。 Maven用法示例： <plugin> <groupId>org.jboss.maven.plugins</groupId> <artifactId>jsp-maven-plugin</artifactId> <version>${version.org.jboss.maven.jsp.plugin}</version> <executions> <execution> <id>jsp-compile</id> <goals> <goal>jsp</goal>
JAVA web 02（jsp的基本语法和表单提交方式）
m0_67094505的博客
03-30 413
思维导图： 一、jsp的基本语法： 1.
jsp的form表单提交几种方式
热门推荐
java_exception_souji的博客
12-29 3万+
1.form表单submit直接提交数据 " />     from表单提交               ID:                                   用户名：                                   密码：              
jsp之表单提交-基础
little_shengsheng的博客
06-14 632
最近要做后台，在这里记录下表单的提交方式。 网站开发肯定离不开表单（form）的。 也算简单，下面是基于js的提交方式。 HTML： <form name=baseform method="post" action=""> <table width=980> <tr> <th align="left"> 查询条件
springboot框架中集成thymeleaf引擎，使用form表单提交数据，debug结果后台获取不到数据...
陈陈陈亚萌_的博客
01-25 1401
springboot框架中集成thymeleaf引擎，使用form表单提交数据，debug结果后台获取不到数据 表单html： <form class="form-horizontal form-material" th:object="${user}" th:action="@{/user/updateOneUserInfo...
Jsp中四种传递参数的方法
malinchong313的博客
08-03 1637
Jsp中四种传递参数的方法 1、form表单 2、request.setAttribute();和request.getAttribute(); 3、超链接：name 4、 下面一一举例说明： 1、form表单 form.jsp:                                   form.jsp file                 
获取网页表单数据并显示
06-16
jsp网页+servlet
javax.servlet.jsp-api-2.3.3.jar
06-26
web项目里面开发jsp页面的时候，使用action调用servlet里面get和post方法的时候需要这个jar包,来获取 请求路径的
使用JSP处理HTML表单--表单验证及传递
kt400_hhx的专栏
06-02 3630
使用JSP处理HTML表单                                      <!-- /* Font Definitions */ @font-face { panose-1:2 1 6 0 3 1 1 1 1 1;}@font-face {"/@宋体"; panose-1:2 1 6 0 3 1 1 1 1 1
jsp页面foreach循环，表单提交，批量处理数据，
u011202334的专栏
08-14 1万+
jsp页面 jsp页面： name: age: jsp页面转换成html的源码： name: age: name: age: name: age: name:
javaWeb02(jsp基本语法&表单提交方式)
weixin_64313980的博客
03-27 1550
Hello！小刘又回来了，今天给大家带来的是jsp的基本语法以及表单提交方式，不知道上一期的环境搭建还有没有小伙伴没有搞定的，如果有可以尽快私信我的，好了接下来我们步入主题，老规矩，先上思维导图 一，jsp的基本语法 先为大家解决一个藏在心里的疑问： jsp是什么？为什么要学jsp? JSP (全称：Java Server Pages) 是指： 在HTML中嵌入Java脚本代码 由应用服务器中的JSP引擎来编译...
Form表单提交的两种方式
yuanmei1986的博客
03-02 4894
1.当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在jsp的前端页面写；有两种方法，一种是用submit提交。一种是用button提交。 方法一：用Submit提交 表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功 onsubmit = "return checkUser();" ">
jsp 表单（form）传递数据
QZC295919009的专栏
01-23 4067
3种方法： 方法1：（form内1） --------type=submit，点击后就会自动触发去提交所在form的信息 方法2：（form内2） -----------type=button,点击onclick事件，触发“”内的方法，除了自带的submit外，也可以在JavaScript写方法去调用 方法3：（form外） 其中最后一种比较灵活，比如说出发事
多个JSP页面之间进行参数传递
weixin_30451709的博客
06-23 311
需要使用JSP的内置作用域对象session。利用它的两个方法setAttribute()，getAttribute() 2.下面的这个实例实现了把第一个JSP页面的参数传递给第三个页面的功能 3.代码如下：1.jsp <html> <formmethod=get action=2.jsp> what'syour name<input ty...
Cannot resolve Failure to transfer javax.servlet.jsp:jsp-api:pom:2.2 from
05-12
这个错误通常是由于 Maven 无法从远程仓库下载所需依赖项而引起的。您可以尝试以下解决方法： 1. 检查您的网络连接，确保您可以访问远程 Maven 仓库。 2. 尝试在 Maven 设置中更改仓库，使用其他可用的镜像或代理服务器。 3. 清除本地 Maven 存储库中的缓存，然后重新构建项目： ```bash mvn dependency:purge-local-repository mvn clean install ``` 4. 如果仍然无法解决问题，考虑手动下载所需的依赖项并将其安装到本地 Maven 存储库中。您可以从 Maven 中央存储库或其他可靠的仓库下载所需的文件，并使用以下命令将其安装到本地存储库中： ```bash mvn install:install-file -Dfile=<path-to-file> -DgroupId=<group-id> -DartifactId=<artifact-id> -Dversion=<version> -Dpackaging=<packaging> ``` 其中 `<path-to-file>` 是下载的文件路径，`<group-id>`，`<artifact-id>`，`<version>` 和 `<packaging>` 分别是依赖项的 Maven 坐标。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值