首页 > Web开发 > 详细

ajax结合sweetalert

时间:2020-06-04 00:11:51      阅读:73      评论:0      收藏:0      [点我收藏+]
<script>
$(‘.del‘).on(‘click‘,function () {
// 先将当前标签对象存储起来
let currentBtn = $(this);
// 二次确认弹框
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:‘/delete/user/‘ + currentBtn.attr(‘delete_id‘), // 1 传递主键值方式1#}
url:‘/delete/user/‘, // 2 放在请求体里面
type:‘post‘,
data:{‘delete_id‘:currentBtn.attr(‘delete_id‘)},
success:function (args) { // args = {‘code‘:‘‘,‘msg‘:‘‘}
// 判断响应状态码 然后做不同的处理
if(args.code === 1000){
swal("删了!", args.msg, "success");
// 1.lowb版本 直接刷新当前页面
{#window.location.reload()#}
// 2.利用DOM操作 动态刷新
currentBtn.parent().parent().remove()
}else{
swal(‘完了‘,‘出现了位置的错误‘,‘info‘)
}
}

})

} else {
swal("怂逼", "不要说我认识你", "error");
}
});
})

</script>

ajax结合sweetalert

原文:https://www.cnblogs.com/h1227/p/13040874.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!