在删除数据库中的行之前显示确认对话框答案

【问题标题】：Showing a confirm dialog before deleting row in a database在删除数据库中的行之前显示确认对话框
【发布时间】：2017-07-21 06:59:11
【问题描述】：

请问如何显示确认删除对话框按钮。这样，如果用户单击“是”，它将继续删除，否则不会删除该条目。

这是我的代码，工作正常，但我不知道如何让它弹出“你确定要删除对话框”

The HTML button

 <a class='btn btn-danger delete_data' id="<?php echo $matched1; ?>">Blast</a>

 <script type="text/javascript">
        $(document).ready(function(){
            $(".delete_data").click(function(){
                var del_id = $(this).attr('id');
                $.ajax({
                    type: 'POST',
                    url: 'delete.php',
                    data: 'delete_id='+del_id,
                    success: function(data){
                        if(!data){
                            window.location.replace("memberpage.php");
                        }
                        else{
                            alert('failed');
                        }
                    }
                });
            });
        });
    </script>

删除.php

$username = $_POST['delete_id'];
    $stmt = $db->prepare("DELETE FROM users WHERE username='".$username."'");
    $stmt->execute();

谢谢你帮助我

【问题讨论】：

尝试使用这个stackoverflow.com/a/22637301/4921471

标签： php jquery ajax

【解决方案1】：

您可以使用confirm()，如下所示：-

$(".delete_data").click(function(){
    var choice = confirm('Do you really want to delete this record?');
        if(choice === true) {
            var del_id = $(this).attr('id');
            $.ajax({
                type: 'POST',
                url: 'delete.php',
                data: 'delete_id='+del_id,
                success: function(data){
                    if(!data){
                        window.location.replace("memberpage.php");
                    }
                    else{
                        alert('failed');
                    }
                }
            });
        }else{
            return false;
        }
});

参考：-https://www.w3schools.com/js/js_popup.asp

【讨论】：

【解决方案2】：

您可以使用 Javascript confirm。我已经更改了您的代码以显示它是如何实现的：

<a class='btn btn-danger delete_data' id="<?php echo $matched1; ?>">Blast</a>

     <script type="text/javascript">
        $(document).ready(function(){
            $(".delete_data").click(function(){
                var del_id = $(this).attr('id');
                if (confirm("Do you really want to remove ?")) {
                    $.ajax({
                        type: 'POST',
                        url: 'delete.php',
                        data: 'delete_id='+del_id,
                        success: function(data){
                            if(!data){
                                window.location.replace("memberpage.php");
                            }
                            else{
                                alert('failed');
                            }
                        }
                    });
                }
            });
        });
    </script>

通过这种方式，您是在询问用户是否要删除数据。如果用户确认操作，Javascript 确认返回 true。如果他点击取消，则不会执行任何操作。

如果您不喜欢默认的浏览器 UI，您可以使用 jQuery UI 等选项，或者如果您使用的是 Bootstrap，则可以使用用户友好且易于使用的 Bootbox。

【讨论】：