Ajax提交异步请求删除用户列表某条数据的方式
又忘记如何使用Ajax提交异步请求?有了下面的小笔记,五分钟轻松搞定Ajax的基本操作!
话不多说,直接上图
现在,我想将用户列表中的"李四"这条数据删除掉,js的代码如下
function deleteById() {
var id = getCheckId()
if(id) {
if(confirm("你确认要删除此条记录吗?")) {
//location.href="/system/user/delete.do?id="+id;
$.ajax({
url:"/system/user/delete.do",//url:删除操作提交的地址
type:'post', //type:提交的方式,此处我使用post提交方式
data:{'id':id}, //data: 传入的参数,此处代表用户的id
dataType:'json', //dataType:返回值类型,设为json格式
success:function (result) { //result:返回的结果
if (result.flag){
//删除成功,后端返回的结果为true
alert(result.message);
//进行页面刷新的公式
window.location.reload();
}else {
//删除失败,后端返回的结果为false
alert(result.message);
}
}
});
}
}else{
alert("请勾选待处理的记录,且每次只能勾选一个")
}
}
后端的的三层删除方法如下:
1.Dao层删除方法
(需要多加一步查询当前用户是否存在子用户关联,是因为在数据库用户表设计时,userId有外键引用,在这种情况下这条用户数据不能直接删除,此处只讨论userId没有外键引用的情况)
2.Service层方法
3.Controller层方法
内容不多,但目的就是希望能够以简洁快速有效的方式,回忆起如何使用Ajax提交异步请求。
完。