首页 > 其他 > 详细

删除列表时 点击删除时出现确认删除框

时间:2019-12-12 18:36:41      阅读:156      评论:0      收藏:0      [点我收藏+]

删除列表时   需要用到删除提示框    怎样做到有提示

看以下源码

点击onclick事件后 会先执行提示   

提示框需要引用css

sweetalert.css 添加引用就可以了

//删除用户的方法
        function Delete(FId) {
            //删除时跳出来的提示框
            swal({
                title: "确定删除吗?",
                text: "你将无法恢复该用户!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "确定删除!",
                closeOnConfirm: false,
                cancelButtonText: "取消删除"

            },
                function (isConfirm) {
                    if (isConfirm) {
                        //使用AJAX方法将需要删除数据的FId传送到后台
                        $.ajax(
                            {
                                type: "POST",
                                url: "UserList.ashx?action=Delete",
                                data: { FId: FId },
                                contentType: "application/x-www-form-urlencoded",
                                dataType: "json",
                                success: function (data) {
                                    debugger;
                                    if (data.success) {
                                        //成功,则弹出提示框
                                        swal({
                                            title: data.msg,   //弹出框的title
                                            type: "success",   //淡出框类型
                                            showCancelButtun: false,//是否显示取消按钮
                                            confirmButtonColor: "##00ffff",//确定按钮颜色
                                            confirmButtonText: "确定", //确定按钮上面的文档
                                            closeOnConfirm: true,
                                            timer: 1000,
                                        },
                                            function (isConfirm) {
                                                window.location.href = data.url;
                                            }
                                        );

                                    }
                                    //失败则弹出提示框
                                    else {
                                        swal({
                                            title: data.msg,   //弹出框的title
                                            type: "warning",   //淡出框类型
                                            showCancelButtun: false,//是否显示取消按钮
                                            confirmButtonColor: "#DD6B55",//确定按钮颜色
                                            confirmButtonText: "确定", //确定按钮上面的文档
                                            closeOnConfirm: true,
                                            timer: 1000,
                                        },
                                            function (isConfirm) {
                                                window.location.href = data.url;
                                            }
                                        );
                                    }
                                },
                                //异常则弹出提示框
                                error: function () {
                                    swal({
                                        title: "服务器异常", //弹出框的title
                                        type: "waring",  //弹出框类型
                                        showCancelButton: false,   //是否显示取消按钮
                                        confirmButtonColor: "#DD6B55",//确定按钮上面的文档
                                        closeOnConfirm: true

                                    });
                                }
                            }
                        )
                    }
                }

            )
        }

 

 

效果图

技术分享图片

 

 

删除列表时 点击删除时出现确认删除框

原文:https://www.cnblogs.com/yutang-wangweisong/p/12030004.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!