为什么在这两种情况下都删除了条目？

Question

简介

大家好！我是 javascript 的初学者。我在我的项目中使用 Laravel + DataTables。现在我使用 sweetalert2 而不是默认确认 javascript.

代码

在这里我调用我的javascript方法：

<a href="#" onclick="deleteData('.$contact->id.')" class="btn btn-danger btn-xs">
   <i class="fa fa-trash"></i>
   <span>Delete</span>
</a>

这里是我的 javascript 函数：

function deleteData(id){
  var csrf_token = $('meta[name="csrf-token"]').attr('content');
  swal({
    title: 'Are you sure?',
    text: "You won't be able to revert this!",
    type: 'warning',
    showCancelButton: true,
    cancelButtonColor: '#d33',
    confirmButtonColor: '#3085d6',
    confirmButtonText: 'Yes, delete it!'
  }).then(function(){
    $.ajax({
      url: "{{url('contact')}}" + '/' + id,
      type: "POST",
      data: {'_method' : 'DELETE', '_token' : csrf_token},
      success: function(data){
        contacts.ajax.reload();
        swal({
          title: 'Success!',
          text: 'Data has been deleted!',
          type: 'success',
          timer: '1500'
        })
      },
      error: function(){
        swal({
          title: 'Oops...',
          text: 'Something went wrong!',
          type: 'error',
          timer: '1500'
        })
      }
    });
  });
}

当我点击删除按钮时：

显示确认型号：

然后我将单击取消按钮。但是在点击取消按钮后从数据库中删除了数据。为什么在这两种情况下都删除了条目？

Answer 1

您忘记检查已解决承诺的结果：

swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showCancelButton: true,
  cancelButtonColor: '#d33',
  confirmButtonColor: '#3085d6',
  confirmButtonText: 'Yes, delete it!'
}).then(function(result){
  

  if (result.value) {
    // perform the AJAX request
  }


});

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7"></script>

官方文档中的相关示例：https://sweetalert2.github.io/#dismiss-handle

为什么在这两种情况下都删除了条目？

Why are entries deleted in both cases?

javascript

laravel

sweetalert

sweetalert2

简介

代码