单击警报上的取消按钮后取消操作答案

【问题标题】：Cancel action after cancel button on alert is clicked单击警报上的取消按钮后取消操作
【发布时间】：2021-04-30 00:29:36
【问题描述】：

请帮帮我。我想显示删除操作的确认框。如果用户单击确定，那么它将继续。但是如果用户点击取消，它会取消删除操作或返回到同一页面。我用javascript编写了代码，但它不起作用。当我在确认警报上单击取消时，它仍会继续删除操作。

  function confirmation() {
    if (confirm("Are you sure you want to delete the reservation?"))
      return true;
    else
      return false;
  }

<td>
  <a href="updateStaffServlet?action=update&sID=<c:out value=" ${staff.staffID} "/>"class="btn btn-icons btn-rounded btn-light">
    <i class="fa fa-pencil"></i>
  </a>
  <a onclick="confirmation()" href="deleteStaffServlet?action=delete&sID=<c:out value=" ${staff.staffID} "/>" id="dltbtn" class="btn btn-icons btn-rounded btn-light">
    <i class="fa fa-user-times"></i>
  </a>
</td>

【问题讨论】：

你的代码太复杂了。无法复制！！！
你的确认函数只返回一个布尔值，你没有在任何地方使用它

标签： javascript jsp alert confirmation

【解决方案1】：

这不是最好的方法，但您可以将 url 传递给您的确认函数，如果用户确认，则重定向他。

  function confirmation(url) {
    if (confirm("Are you sure you want to delete the reservation?"))
      location.replace(url);
  
  }

<td>
  <a href="updateStaffServlet?action=update&sID=<c:out" value=" ${staff.staffID} " class="btn btn-icons btn-rounded btn-light">
    <i class="fa fa-pencil"></i>
update link
  </a>
  <a onclick="confirmation('deleteStaffServlet?action=delete&sID=<c:out')" value=" ${staff.staffID} " id="dltbtn" class="btn btn-icons btn-rounded btn-light">
    <i class="fa fa-user-times"></i>
delete link
  </a>
</td>

但我建议您学习有关 ajax 的基础知识并在不重定向页面的情况下发送删除请求。

【讨论】：