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

Question

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

Answer 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的基础知识，发送删除请求而不重定向页面。