页面不等待 SweetAlert 确认窗口的响应

我正在尝试升级我的 JavaScriptconfirm()使用的动作甜蜜警报 https://sweetalert.js.org/。目前我的代码是这样的：

<a href="/delete.php?id=100" onClick="return confirm('Are you sure ?');" >Delete</a>

这将等待用户确认，然后再导航到删除页面。我想使用 SweetAlert 中的这个示例来要求用户在删除之前确认：

swal({
 title: "Are you sure?",   
 text: "You will not be able to recover this imaginary file!",   
 type: "warning",   
 showCancelButton: true,   
 confirmButtonColor: "#DD6B55",   
 confirmButtonText: "Yes, delete it!",   
 cancelButtonText: "No, cancel plx!",   
 closeOnConfirm: false,   
 closeOnCancel: false 
}, 
function(isConfirm){   
  if (isConfirm) {     
    swal("Deleted!", "Your imaginary file has been deleted.", "success");
  } 
  else {     
    swal("Cancelled", "Your imaginary file is safe :)", "error");  
  } 
});

我尝试过的一切都失败了。当显示第一个警报时，在用户单击警报按钮之前，页面已继续删除该项目并刷新。如何让页面等待用户输入？

任何帮助将不胜感激。

您不能使用它作为替代品confirm. confirm阻塞单个执行线程，直到对话框被确认为止，您cannot使用基于 JavaScript/DOM 的对话框产生相同的行为。

您需要向/delete.php?id=100 in the success您的警报框的回调。

代替...

swal("Deleted!", "Your imaginary file has been deleted.", "success");

You need

<a href="#">Delete<a>
...

$.post('/delete.php?id=100').then(function () {
  swal("Deleted!", "Your imaginary file has been deleted.", "success");
});

你也must修复你的delete.php只接受POST要求。允许这是一个大问题GET请求删除资源。当 Google 或任何其他抓取工具第一次找到您的页面时，它会查看href文档中的每个链接以及按照每个链接，删除您的所有内容。他们不会被阻止confirm框，因为他们可能（Google 除外）不会评估任何 JavaScript。