欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

sweetalert使用随笔

程序员文章站 2022-03-07 23:21:07
删除前确认框: ......

删除前确认框:

//找到删除那天记录的按钮,触发点击事件
$(".del").on('click', function () {
        swal({
            title: "操作确认",
            text: "删除后,您将无法恢复此文件!",
            icon: "warning",
            buttons: true,
            dangermode: true,
        })
            .then((willdelete) => {
                if (willdelete) {
                    $.ajax({
                        url: '/book_del/',
                        type: 'post',
                        //给这个按钮绑定一个删除对象的id,通过this.id获取
                        data: {'book_id': this.id},
                        success:function () {
                            swal("噗!您的虚拟文件已被删除!", {
                            icon: "success",})}
                            })
                        //删除成功后刷新一次页面,显示删除结果
                        .then((value => {
                            location.reload(true)
                        }))
                }
                else {
                    swal("删除未生效!");
                }
            });
    });