sweetalert使用随笔

Posted suguangti

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sweetalert使用随笔相关的知识,希望对你有一定的参考价值。

删除前确认框:

//找到删除那天记录的按钮,触发点击事件
$(".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("删除未生效!");
                
            );
    );        








 

以上是关于sweetalert使用随笔的主要内容,如果未能解决你的问题,请参考以下文章

SweetAlert 2 掩码输入

AngularJS、SweetAlert.js 在自定义指令中不起作用

如何更改 Sweetalert 2 中复选框的位置

Codeigniter - Sweetalert没有在控制器中工作

Django --- ajax结合sweetalert使用,分页器

SweetAlert2 使用教程