第一步,写controller,定义请求方式是delete
@RequestMapping(value = "/delete/{id}",method = RequestMethod.DELETE)
public String delete(@PathVariable("id") int id){
empService.delete(id);
return "redirect:/findAll";
}
接着写前端页面:
<html>
<head>
<title>list</title>
</head>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$(".delete").click( function() {
var href=$(this).attr("href");
$("form").attr("action",href).submit();
return false;
});
})
</script>
<body>
<form action="" method="post">
<input type="hidden" name="_method" value="DELETE">
</form>
<table>
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>age</th>
<th>部门</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${emps}" var="emp">
<tr>
<td>${emp.eid}</td>
<td>${emp.ename}</td>
<td>${emp.age}</td>
<td>${emp.dept.dname}</td>
<td>
<a class ="delete" href="delete/${emp.eid}" >删除</a>
<a href="update">修改</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</html>
下面就是实现请求的关键:
<script type="text/javascript">
$(function () {
$(".delete").click( function() {
var href=$(this).attr("href");
$("form").attr("action",href).submit();
return false;
});
})
</script>
将POST请求转化为DELETE请求,
<form action="" method="post">
<input type="hidden" name="_method" value="DELETE">
</form>
通过js代码将下面的链接添加进上面的action中,神乎其技
<a class ="delete" href="delete/${emp.eid}" >删除</a>