改变action解决一个form表单多个submit的情况

有的时候在前端页面使用form表单提交时，需要提交的内容是一样的，但是执行的操作可能不同，提交到controller中的不同方法中，可能执行增删，或者改查，执行的操作不同，所以form表单提交的action也是不同的，下面通过代码展示一下这个问题如何解决，其实很简单：

html代码：

<form id="Assistant_form${item.getId()}"
name="name${item.getId()}" method="get">
<span style="margin-left:10px;">E-mail :</span> <input type="text" id="ass_email_input" name="ass_email_input" value="${item.geteMail()}" style="margin-top:20px;"></input>
<span style="margin-left:10px;">ClassNumber :</span>
<input type="text" id="ass_classNumber_input" name="ass_classNumber_input" value="${item.getClassnumber()}" readonly="true" style="width:80px;margin-top:20px;" />
<input type="hidden" id="ass_hideId" name="ass_hideId" value="${item.getId()}">
<input type="button" id="assContent_del${item.getId()}" name="assContent_del${item.getId()}" value="删除" style="width:100px;margin-top:20px;margin-left:20px;" onclick="deleteAction(${item.getId()})"/>
<input type="button" id="assContent_update${item.getId()}" name="assContent_update${item.getId()}" value="更改"
style="width:100px; margin-top:20px;margin-left:20px;" onclick="updateAction(${item.getId()})" />
</form>

js代码：

function deleteAction(id){
$("#Assistant_form"+id).attr('action',"/HelpProject/HelpThree/DelAssistants");
$("#Assistant_form"+id).submit();
}
function updateAction(id){
alert('sdsd');
$("#Assistant_form"+id).attr('action',"/HelpProject/HelpThree/UpdateAssistant");
$("#Assistant_form"+id).submit();
}

controller层代码:

@RequestMapping(value="UpdateAssistant" , method= {RequestMethod.GET})
public ModelAndView UpdateAssistant(HttpServletRequest request)throws ServletException, IOException {........}
@RequestMapping(value = "DelAssistants", method ={RequestMethod.GET})
public ModelAndView DelAssistants(HttpServletRequest request) throws ServletException, IOException {....}

注意使用Jquery不要忘记导入Jquery本地包或者引用地址！！！

最后

以上就是积极黄豆为你收集整理的改变action解决一个form表单多个submit的情况的全部内容，希望文章能够帮你解决改变action解决一个form表单多个submit的情况所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。