标签:false preventDefault id 跳转 action return 表单 method delete
今天在学习SpringMVC时遇到问题需要将一个超链接的get请求转换成delete请求,需要绑定点击事件通过表单去发送,并阻止超链接的默认行为,遇到的问题。
preventDefault只停止页面跳转,但是请求依然会执行
$(function () {
$(".delete").click(function () {
//绑定表单
var method = $("#delete_form");
var action = $(this).attr("href");
alert(action);
//设置表单提交地址
method.attr("action",action);
//提交表单
method.submit();
//阻止超链接跳转
$(this).preventDefault();
//return false;
});
});
return false会停止超链接的页面跳转和请求信息
$(function () {
$(".delete").click(function () {
//绑定表单
var method = $("#delete_form");
var action = $(this).attr("href");
alert(action);
//设置表单提交地址
method.attr("action",action);
//提交表单
method.submit();
//阻止超链接跳转
//$(this).preventDefault();
return false;
});
});
服务端代码:接收请求的方式不同。
@RequestMapping(value = "/delete/{id}",method = RequestMethod.DELETE)
public String delete(@PathVariable(value = "id") Integer id){
System.out.println("收到delete请求**********************");
employeeDao.delete(id);
return "redirect:/employee";
}
@RequestMapping(value = "/delete/{id}",method = RequestMethod.GET)
public String delete1(@PathVariable(value = "id") Integer id){
System.out.println("收到get请求**********************");
employeeDao.delete(id);
return "redirect:/employee";
}
标签:false,preventDefault,id,跳转,action,return,表单,method,delete 来源: https://blog.csdn.net/qq_44993268/article/details/122591586
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。