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

问题描述

请帮帮我。我想显示删除操作的确认框。如果用户单击确定，则它将继续。但如果用户点击取消，则取消删除操作或返回同一页面。我在 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>

解决方法

这不是最好的方法，但您可以将 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 的基础知识，并在不重定向页面的情况下发送删除请求。