SweetAlert2+Ajax使用实践

image description

SweetAlert2+Ajax使用实践

SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图片,背景,HTML标签等,并提供5种内置的情景类,功能非常强大。

SweetAlert2是SweetAlert-js的升级版本,它解决了SweetAlert-js中不能嵌入HTML标签的问题,并对弹出对话框进行了优化,同时提供对各种表单元素的支持,还增加了5种情景模式的模态对话框。

SweetAlert2

< script >
function Delete(obj) {
    var article_id = $(obj).attr("article_id");
    swal({
        title: '确定删除吗?',
        text: '你将无法恢复它!',
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: '确定!',
    }).then(function(value) {
        if (value.value) {
            $.ajax({
                url: "/JiaBlog/article/" + article_id + "/editor/delete/",
                type: 'POST',
                data: {
                    csrfmiddlewaretoken: $("[name='csrfmiddlewaretoken']").val(),
                    article_id: article_id,
                },
                success: function(result) {
                    var status = result.result;
                    if (status == 'success') {
                        swal('删除成功!', '你的文件已经被删除。', 'success');
                    } else {
                        swal('出错啦。。。', "error"); //后端删除失败
                    }
                    setTimeout(function() {
                        window.location.reload()
                    },
                    1000);
                }

            })
        } else {
            swal('已取消!', '', 'error')
        }

    })
}

< /script>/
    ArithmeticJia         0         505         JavaScript         14    

David Ramon

ArithmeticJia

www.guanacossj.com

Life is Short,You need Python

Related Posts

You may like these post too

image description

理解JavaScript和ECMAScript

1996年Netscape公司创造了JavaScript,并于1997年提交给国际标准化组织ECMA,于是有了标准文件ECMA-262。ECMA-262规定了浏览器脚本语言的标准,我们将应用此标准的语言称为ECMAScript(JavaScript已被注册,且ECMAScript这个名字有利于标准的

Comments on this post

0 comments

Leave a comment

it’s easy to post a comment

image description
image description
image description
image description
image description
image description
image description
image description
image description

Copyright © 2019.Company name All rights reserved.苏ICP备19007197号