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

最新推荐文章于 2024-09-01 02:56:53 发布
最新推荐文章于 2024-09-01 02:56:53 发布
阅读量2.2w 收藏 85
点赞数 22
分类专栏： JSP HTML 学习 文章标签： JSP 实验 表单 数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43342406/article/details/83721993
版权
JSP 同时被 3 个专栏收录
6 篇文章 1 订阅
订阅专栏
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
关注
专栏目录
jsp基本语法和表单提交方式
m0_62528678的博客
03-25 1605
1.注释 作用：说明、解释 HTML注释：<!-- 注释内容 --> JSP注释：<%-- 注释内容 --%> <% // %> <% /* */ %> 2.声明 作用：定义JSP中的变量、方法以及静态方法。 <%! 变量定义/方法定义/类 %> <jsp:declaration>变量定义/方法定义/类</jsp:declaration> //已过时 3....
在java里如何跨网页传参_【页面传值6种方式】- 【JSP 页面传值方法总结：4种】 - 【跨页面传值的几种简单方式3种】...
weixin_35868872的博客
02-27 839
JSP 页面间传递参数是项目中经常需要的，这应该算是 web 基本功吧。试着将各种方式总结下来，需要时可以进行权衡利弊选择最合适的方式。1. URL 链接后追加参数URL 后面追加参数response.sendRedirect("next.jsp?paramA=A&paramB=B...")window.location = "next.jsp?paramA=A&paramB=B....
JSP表单参数传递
DTFT的专栏
06-20 1029
1、
json传参数和表单传参
最新发布
weixin_41055520的博客
09-01 161
最近使用http请求测试接口,传参数格式给了自己狠狠大的困惑今天花时间总结下。当你的controller使用post接收请求的时候 传参一般是 封装类 和封装的对象 需要注解@RequestBody @RequestParam 才能接收到json的参数 不然是接收不到的比如两个接口登录后复制 @ApiOperation(...
jsp form表单提交，后台接收提交数据的三种方式
10-19 3018
1.使用getParameter("name") 2.定义相同变量名 3.使用模型类 转载于:https://www.cnblogs.com/Alexander11/p/4891874.html
JSP FORM 提交
weixin_30483697的博客
11-07 165
总结：FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别 最近被form的自动提交烦的不行，网上搜了一些资料，下面这篇文章总结的非常全，基本好多我之前也都试过了（就差总结了^=^）。呵呵，有网友总结的这么全，就直接拿来了：） 在页面中有多个input type="text"的文本输入框的情况下没有问题，但是当页面中...
jsp中普通按钮如何提交form表单
西门吹吹吹雪
10-28 2062
http://blog.sina.com.cn/s/blog_5bd6b45101013aot.html jsp中普通按钮如何提交表单 方法1：                     方法2：                  方法3：                           onclick="document.getElementBy
jsp：提交表单在另一个页面获取request中的信息
谷咕咕
03-09 1439
jsp：提交表单在另一个页面获取request中的信息 想看目录，用到了login2.jsp和index.jsp login2.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/h
解决java enctype multipart form-data文件上传传值问题
05-26
本文将深入探讨如何在不借助第三方库（如JSP Smart Upload）的情况下，解决文件上传中的传值问题。 #### 一、`multipart/form-data`简介 `multipart/form-data`是一种用于传输二进制数据的标准MIME类型，特别适用...
JS实现向iframe中表单传值的方法
10-20
总的来说，JS实现向iframe中表单传值是通过获取iframe的`contentWindow`属性，然后操作iframe内页面的DOM元素，将数据传递到隐藏的表单字段，最后提交表单来完成的。这种方法在多页面交互和数据传递中有广泛的应用。...
jsp表单的FORM传值
03-16
jsp表单的FORM传值 ...jsp表单的FORM传值是指在jsp页面中使用FORM...jsp表单的FORM传值是jsp开发中一个非常重要的技术，通过使用javaBean和FORM表单，可以将数据从客户端传递到服务器端，并在服务器端进行处理和验证。
JSP与Servlet交互：传值详解
当用户在JSP页面上填写表单并提交时，表单数据可以通过HTTP请求发送到Servlet。在Servlet中，可以使用`request.getParameter("参数名")`来获取表单字段的值，例如`request.getParameter("username")`。 2. URL参数...
jsp 表单（form）传递数据
QZC295919009的专栏
01-23 4394
3种方法： 方法1：（form内1） --------type=submit，点击后就会自动触发去提交所在form的信息 方法2：（form内2） -----------type=button,点击onclick事件，触发“”内的方法，除了自带的submit外，也可以在JavaScript写方法去调用 方法3：（form外） 其中最后一种比较灵活，比如说出发事
jsp的form表单提交几种方式
热门推荐
java_exception_souji的博客
12-29 3万+
1.form表单submit直接提交数据 " />     from表单提交               ID:                                   用户名：                                   密码：              
jsp基本语法和表单提交
liwangdeng的博客
03-29 1636
今天我们来学习jsp的基本语法和表单提交，内容很简单 在编写网页时我们往往会出现的问题： 404找不到路径，我们应该去寻找路径上的问题 500java代码有问题，这时我们只需要寻找java语句的问题 我们需要了解cs，bs和区别 cs clinet/server 客服端对服务器 bs brower/server浏览器对服务器 了解url：url三个部分：端口，主机，协议 http://localhost:8080 有时会需要我们修改端口：双击服务器手动修改端口 1.插入图片操作和显示当时时
jsp实现表单提交跳转
zj17860252273的博客
12-09 1315
页面介绍 login.jsp 用户登录页面，提交给process.jsp。 process.jsp 处理页面，若用户名为“admin”，密码为“000”，则跳转到show.jsp，否则跳转login.jsp。 show.jsp 列出登录页面的属性。 源代码 login.jsp 用户名： 用户密码： 用户性别：男 女 用户爱好：游泳 看书 ...
多个JSP页面之间进行参数传递
weixin_30451709的博客
06-23 327
需要使用JSP的内置作用域对象session。利用它的两个方法setAttribute()，getAttribute() 2.下面的这个实例实现了把第一个JSP页面的参数传递给第三个页面的功能 3.代码如下：1.jsp <html> <formmethod=get action=2.jsp> what'syour name<input ty...
基于springmvc, jsp表单提交数据转换问题
伟大的路人 的博客
10-26 1172
页面提交表单Form中的字符串数据转化为指定类型，例如日期Date、枚举Gender等     1 使用Spring MVC提供的@InitBinder注解（从Spring MVC3.x开始）      2 在Controller中声明一个方法，使用WebDataBinder对象作为参数，并表示1.1中的注解 ? 1 2 3 4
jsp里的form表单问题
sumulzh的博客
10-14 637
form表单里的信息没有submit
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值