jsp:
<c:forEach items="${employees}" var="e">
<tr id="${e.id}">
<td>${e.id}</td>
<td>${e.employeename}</td>
<td>${e.employeepassword}</td>
<td><a href="#" onclick="deleteEmpl('${e.id}')">删 除</a>
</tr>
</c:forEach>
ajax:
<script type="text/javascript">
function deleteEmpl(a){
var flag = confirm("你确定要删除吗?");
if(flag){
$.ajax({
url:"delete",
//在没有返回值之前,锁定服务器如果是true会开启同步,执行两个线程
async:false,
type:"POST",
data:{id:a},
success:function(data){
if("success" == data ) {
alert("删除成功");
$("#"+a).remove();
}
}
});
}
}
</script>
controller:
@ResponseBody
@RequestMapping(value="/delete")
public String employeeDelete(String id) {
int result = employeeService.deleteEmployee(id);
if(result>0) {
System.out.println("success");
return "success";
}
return "error";
}