处理一个form多个submit

本文介绍如何在Struts2框架中处理包含多个提交按钮的表单,通过配置提交按钮对应的不同方法,实现对不同操作的支持。

  在很多Web应用中,为了完成不同的工作,一个HTML form标签中可能有两个或多个submit按钮,如下面的代码所示:

< html  action =""   method ="post" >
 
< input  type ="submit"  value ="保存"   />
< input  type ="submit"  value ="打印"   />
</ html >

由于在<form>中的多个提交按钮都向一个action提交,使用Struts2 Action的execute方法就无法判断用户点击了哪一个提交按钮。如果大家使用过Struts1.x就会知道在Struts1.2.9之前的版本需要使用一个LookupDispatchAction动作来处理含有多个submit的form。但使用LookupDispatchAction动作需要访问属性文件,还需要映射,比较麻烦。从Struts1.2.9开始,加入了一个EventDispatchAction动作。这个类可以通过java反射来调用通过request参数指定的动作(实际上只是判断某个请求参数是不存在,如果存在,就调用在action类中和这个参数同名的方法)。使用EventDispatchAction必须将submit的name属性指定不同的值以区分每个submit。而在Struts2中将更容易实现这个功能。

当然,我们也可以模拟EventDispatchAction的方法通过request获得和处理参数信息。但这样比较麻烦。在Struts2中提供了另外一种方法,使得无需要配置可以在同一个action类中执行不同的方法(默认执行的是execute方法)。使用这种方式也需要通过请求参来来指定要执行的动作。请求参数名的格式为

action!method.action

注:由于Struts2只需要参数名,因此,参数值是什么都可以。

下面我就给出一个实例程序来演示如何处理有多个submit的form:

【第1步】实现主页面(more_submit.jsp)


<% @ page language = " java "  import = " java.util.* "  pageEncoding = " GBK " %>
<% @ taglib prefix = " s "  uri = " /struts-tags "   %>
< html >
   < head >
     < title > My JSP 'hello.jsp' starting page </ title >
   </ head >
  
   < body >
     < s:form  action ="submit.action"   >
         < s:textfield  name ="msg"  label ="输入内容" />   
         < s:submit  name ="save"  value ="保存"  align ="left"  method ="save" />
         < s:submit  name ="print"  value ="打印"  align ="left"  method ="print"   />       
     </ s:form >
   </ body >
</ html >

在more_submit.jsp中有两个submit:保存和打印。其中分别通过method属性指定了要调用的方法:save和print。因此,在Action类中必须要有save和print方法。

【第2步】实现Action类(MoreSubmitAction)


package  action;

import  javax.servlet.http. * ;

import  com.opensymphony.xwork2.ActionSupport;
import  org.apache.struts2.interceptor. * ;

public   class  MoreSubmitAction  extends  ActionSupport  implements  ServletRequestAware
{
     private  String msg;
     private  javax.servlet.http.HttpServletRequest request;
     //  获得HttpServletRequest对象
     public   void  setServletRequest(HttpServletRequest request)
    {
         this .request  =  request;
    }
     //  处理save submit按钮的动作
     public  String save()  throws  Exception
    {
        request.setAttribute( " result " ,  " 成功保存[ "   +  msg  +   " ] " );
         return   " save " ;
    }

     //  处理print submit按钮的动作
     public  String print()  throws  Exception
    {
        request.setAttribute( " result " ,  " 成功打印[ "   +  msg  +   " ] " );
         return   " print " ;
    }
     public  String getMsg()
    {
         return  msg;
    }

     public   void  setMsg(String msg)
    {
         this .msg  =  msg;
    }
}

上面的代码需要注意如下两点:

save和print方法必须存在,否则会抛出java.lang.NoSuchMethodException异常。

Struts2 Action动作中的方法和Struts1.x Action的execute不同,只使用Struts2 Action动作的execute方法无法访问request对象,因此,Struts2 Action类需要实现一个Struts2自带的拦截器来获得request对象,拦截器如下:

org.apache.struts2.interceptor. ServletRequestAware

【第3步】配置Struts2 Action

struts.xml 的代码如下:

<? xml version="1.0" encoding="UTF-8"  ?>
<! DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd" >
< struts >     
     < package  name ="demo"  extends ="struts-default"   >
         < action  name ="submit"   class ="action.MoreSubmitAction" >
             < result  name ="save"   >
                /result.jsp
             </ result >
             < result  name ="print" >
                /result.jsp
             </ result >
         </ action >     
     </ package >     
</ struts >

【第4步】编写结果页(result.jsp)


<% @ page pageEncoding = " GBK " %>
< html >
   < head >
     < title > 提交结果 </ title >
   </ head >
   < body >
     < h1 > ${result} </ h1 >
   </ body >
</ html >

在result.jsp中将在save和print方法中写到request属性中的执行结果信息取出来,并输出到客户端。

启动Tomcat后,在IE中执行如下的URL来测试程序:

    http://localhost:8080/moresubmit/more_submit.jsp

大家也可以直接使用如下的URL来调用save和print方法:

调用save方法:http://localhost:8080/moresubmit/submit!save.action

调用print方法:http://localhost:8080/moresubmit/submit!print.action

源代码:http://www.itpub.net/attachment.php?aid=520773

转自:http://www.blogjava.net/nokiaguy/archive/2008/04/16/193287.html

<think>我们正在讨论的是在JSP网页中一个表单实现多个submit提交的方法。根据用户需求,需要在一个表单中有多个提交按钮,每个按钮执行不同的操作或提交到不同的地址。 常见实现方法: 1. 使用JavaScript动态修改表单action属性或添加隐藏域来指定不同的操作。 2. 为每个按钮设置不同的name,服务器端根据按钮的name来判断是哪个按钮被点击。 3. 使用<button>标签的formaction属性(HTML5支持)来覆盖表单action。 由于用户提到的是JSP页面,我们通常使用Java作为服务器端语言,所以这里我们主要考虑与服务器端交互的简便性。 方法一:使用JavaScript(兼容性好,适用于各种浏览器) - 在表单中放置多个提交按钮,为每个按钮设置不同的onclick事件,在事件中修改表单action属性,然后提交表单。 方法二:使用多个提交按钮并设置不同的name(简单,但需要服务器端根据参数判断) - 每个提交按钮设置相同的name(比如"action")但不同的value,或者不同的name。服务器端通过获取这个参数的值来判断是哪个按钮被点击。 方法三:使用HTML5的formaction属性(需要浏览器支持HTML5) - 在<button>或<input type="submit">标签中使用formaction属性来指定该按钮提交的URL,从而覆盖表单的默认action。 下面给出每种方法的代码示例: 方法一示例(JavaScript): ```jsp <form id="myForm" action="defaultAction.do" method="post"> ...表单内容... <input type="button" value="操作1" onclick="submitForm('action1.do')"> <input type="button" value="操作2" onclick="submitForm('action2.do')"> </form> <script> function submitForm(action) { var form = document.getElementById('myForm'); form.action = action; form.submit(); } </script> ``` 方法二示例(多个提交按钮,服务器端判断): ```jsp <form action="processForm.do" method="post"> ...表单内容... <input type="submit" name="action" value="save"> <input type="submit" name="action" value="delete"> </form> ``` 服务器端(例如在Servlet中): ```java String action = request.getParameter("action"); if ("save".equals(action)) { // 执行保存操作 } else if ("delete".equals(action)) { // 执行删除操作 } ``` 方法三示例(使用formaction属性): ```jsp <form action="defaultAction.do" method="post"> ...表单内容... <button type="submit" formaction="action1.do">操作1</button> <button type="submit" formaction="action2.do">操作2</button> </form> ``` 注意:方法三需要浏览器支持HTML5,对于不支持formaction属性的旧浏览器,可以结合JavaScript来兼容。 用户可以根据自己的需求选择合适的方法。如果项目需要兼容旧浏览器,推荐使用方法一或方法二。如果项目只需要支持现代浏览器,使用方法三更简洁。 相关问题: 1. 在JSP中如何防止表单重复提交? 2. JSP表单提交中文参数出现乱码的解决方法? 3. 如何在JSP中实现文件上传表单? </think>### JSP网页中一个表单实现多个submit提交的方法 在JSP表单中实现多个提交按钮的核心思路是为不同按钮绑定不同的处理逻辑,可通过以下三种方法实现: #### 1. **JavaScript动态修改表单属性**(推荐) ```jsp <form id="myForm" action="default.jsp" method="post"> <input type="text" name="data"> <button type="button" onclick="submitForm('save')">保存</button> <button type="button" onclick="submitForm('delete')">删除</button> </form> <script> function submitForm(actionType) { const form = document.getElementById("myForm"); // 动态设置隐藏字段标识操作类型 const input = document.createElement("input"); input.type = "hidden"; input.name = "action"; input.value = actionType; form.appendChild(input); // 可选:根据操作修改提交地址 if(actionType === 'delete') form.action = "delete.jsp"; form.submit(); // 触发表单提交 } </script> ``` **服务器端获取参数:** ```java String action = request.getParameter("action"); // 值可能是"save"或"delete" ``` #### 2. **按钮名称区分法**(兼容性好) ```jsp <form action="process.jsp" method="post"> <input type="text" name="data"> <input type="submit" name="btnAction" value="保存"> <input type="submit" name="btnAction" value="删除"> </form> ``` **服务器端处理:** ```java String btnAction = request.getParameter("btnAction"); if("保存".equals(btnAction)) { // 保存逻辑 } else if("删除".equals(btnAction)) { // 删除逻辑 } ``` #### 3. **HTML5 formaction属性**(现代浏览器) ```jsp <form> <input type="text" name="data"> <button type="submit" formaction="save.jsp">保存</button> <button type="submit" formaction="delete.jsp">删除</button> </form> ``` ### 关键注意事项 1. **防止重复提交** 在JS方法中添加提交后禁用按钮逻辑: ```javascript btn.disabled = true; ``` 2. **数据校验** 可在JS函数中添加统一校验逻辑: ```javascript function validate() { if(document.getElementsByName("data")[0].value === "") { alert("内容不能为空"); return false; } return true; } ``` 3. **表单序列化** 使用`FormData`对象可完整传递表单数据 --- ### 相关问题 1. JSP中如何处理表单提交的中文乱码问题? 2. 如何防止JSP表单被重复提交? 3. JSP/Servlet中获取表单数据的常用方法有哪些? [^1]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值