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

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

看以下源码

点击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

                                    });
                                }
                            }
                        )
                    }
                }

            )
        }

效果图