当用户确认操作时如何执行脚本？

Question

我正在使用 SweetAlert 库删除记录，我希望在用户单击删除按钮时出现警告消息。当我按下删除按钮时出现消息，然后执行删除，我想避免这种情况，我只想在用户确认时执行它。

我用 Jquery 和 Ajax::

做了这个动作

<script>
$(document).ready(function () {
    $(".btn-eliminar").on("click", function () {
        Swal.fire({
            title: 'Are you sure you want to delete this Chat?',
            text: "You will not be able to recover the data!",
            type: 'warning',
            showCloseButton: true,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'Cancel'
        }).then(function (isConfirm) {
            if (isConfirm) {
                Swal.fire(
                    'Removed!',
                    'A chat was deleted.',
                    'success'
                ).then(function () {

                        $.ajax({
                                type: "POST",
                                url: '@Url.Action("DeleteChat", "Chat")',
                                data: { id: $(this).parent().siblings(".td-id").text().trim() },
                                success: function (rpta) {

                                },
                                error: function (req, textStatus, errorThrown) {
                                    alert('Ooops, something happened: ' + textStatus + ' ' + errorThrown);
                                }
                           });

                    });
            } else {

            }
            });
    });
});

Answer 1

试试这个：

$(document).ready(function() {
    $(".btn-eliminar").on("click", function() {
        Swal.fire({
            title: 'Are you sure you want to delete this Chat?',
            text: "You will not be able to recover the data!",
            type: 'warning',
            showCloseButton: true,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'Cancel'
        }).then((isConfirm) => {
            if (isConfirm.value) {
                $.ajax({
                    type: "POST",
                    url: '@Url.Action("DeleteChat", "Chat")',
                    data: {
                        id: $(this).parent().siblings(".td-id").text().trim()
                    },
                    success: function(rpta) {

                    },
                    error: function(req, textStatus, errorThrown) {
                        alert('Ooops, something happened: ' + textStatus + ' ' + errorThrown);
                    }
                });

            } else {

            }
        });
    });
});