ajax(JQuery版本)结合sweetalert进行删除的二次确认
<script>
$('.del').on('click',function () {
// 先将当前标签对象存储起来
let currentBtn = $(this);
// 二次确认弹框,在swal当中添加ajax请求,
// 点击swal的按钮才可以向后端发送ajax请求,后端返回状态码
//前端收到状态码进行判断,如果判断码和后端的一致
// 如果一致显示删除的信息
//点击取消则不发送ajax请求,数据不删除
swal({
title: "你确定要删吗?",
text: "你可要考虑清除哦,可能需要拎包跑路哦!",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "确定删除数据?",
cancelButtonText: "还是算了吧",
closeOnConfirm: false,
closeOnCancel: false,
showLoaderOnConfirm: true
},
function(isConfirm) {
if (isConfirm) {
// 朝后端发送ajax请求删除数据之后 再弹下面的提示框
$.ajax({
url:'',
type:'post',
data:{'delete_id':currentBtn.attr('delete_id')},
success:function (args) {
// 后端的状态码消息样式 args = {'code':'','msg':''}
// 判断响应状态码 然后做不同的处理
if(args.code === 1000){
swal("删了!", args.msg, "success");
// 2.动态的刷新删除的数据
currentBtn.parent().parent().remove()
}else{
swal('错误','出现了位置的错误','info')
}
}
})
} else {
swal("NO~", "数据安全了", "error");
}
});
})</script>
分类:
暂无分类
标签:
javascript
版权申明
本文系作者 @Tis-FYM 原创发布在Tis-FYI站点。未经许可,禁止转载。
暂无评论数据