有的时候在前端页面使用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本地包或者引用地址!!!