sweetalert2中ajax用法,ajax结合sweetalert

该博客介绍了如何使用SweetAlert库创建一个带有二次确认的删除功能,通过AJAX与后端进行数据交互。在用户点击删除按钮时,首先弹出警告对话框,然后根据用户的选择发送POST请求到服务器删除指定ID的数据。成功删除后,可以选择刷新页面或者动态更新DOM来显示删除结果。文章涵盖了前端交互和后端API调用的关键步骤。
摘要由CSDN通过智能技术生成

$(‘.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");

}

});

})

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值