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

Question

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

这是我的代码，但我不知道如何使其弹出"您确定要删除对话框"

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>

delete.php

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

谢谢你帮我

Answer 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

Answer 2

您可以使用JavaScript确认。我更改了您的代码以显示如何：

<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，它可以用户友好且易于使用。