【JSP】实现单个表单供多个方法处理

最新推荐文章于 2022-03-28 15:43:31 发布

千山牧雪

最新推荐文章于 2022-03-28 15:43:31 发布

阅读量1.2k

点赞数

分类专栏： WEB前端文章标签： jsp servlet 表单 javascript 实例

本文链接：https://blog.csdn.net/u011704894/article/details/45246953

版权

WEB前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

开发有时会遇到这样的需求：页面上只要一个form 表单，但是要有多个提交按钮，使得这个form 表单可以根据用户的需求使用不同方法处理，比如用户完善个人信息，填写完成后可以选择保存或者下一步。

这个问题可以用万能的 javascript 解决。按钮添加 onclick() 方法，然后在 script 内改变form 表单的处理方法 action 后提交，Jsp页面实例代码如下，后台使用 Servlet 接收表单：

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<html>
<head>
<script type="text/javascript">
	function save(){
		var obj = document.getElementById('page_form');
		obj.action = 'saveServlet?type=test';
		obj.submit();
	}
	
	function next(){
		var obj = document.getElementById('page_form');
		obj.action = 'nextServlet';
		obj.submit();
	}
</script>
</head>
<body>
	<form id="page_form" method="post">
		username:<input name="username" type="text" value="zhangsan"/> <br/>
		password:<input name="password" type="text" value="123456"/> <br/>
		<input type="button" οnclick="save()" value="保存"/> 
		<input type="button" οnclick="next()" value="下一步"/> 
	</form>
</body>
</html>

这样就可以实现一个表单，通过两个不同按钮提交数据供两个不同方法处理。

这种方法使用 onclick() 方法改变 action 的同时，也可以在 action 方法名后面追加参数，如范例中的