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

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

开发有时会遇到这样的需求：页面上只要一个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" onclick="save()" value="保存"/> 
		<input type="button" onclick="next()" value="下一步"/> 
	</form>
</body>
</html>

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

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

obj.action = 'saveServlet?type=test';

除了向后台方法 saveServlet 提供 username、password 两个表单参数外，还将追加提交一个 type 参数，saveServlet 可以通过 String xxx = request.getParameter("参数名"); 获取所有参数。

但是如果在 action 后追加表单参数，则 form 表单的提交方法必须为 method="post"，使用get 方式提交表单将使得 Servlet 的 doGet() 方法无法获得表单的追加参数(type)，只能获得表单的原有参数(username、password)。

End .

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

相关推荐