码迷,mamicode.com
首页 > 其他好文 > 详细

sweetalert使用随笔

时间:2019-06-15 11:40:19      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:tle   cti   data   触发点   icon   alert   war   nbsp   无法   

删除前确认框:

//找到删除那天记录的按钮,触发点击事件
$(".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使用随笔

标签:tle   cti   data   触发点   icon   alert   war   nbsp   无法   

原文地址:https://www.cnblogs.com/suguangti/p/11026950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!