單擊警報上的取消按鈕后取消操作

Question

請幫我。 我想顯示刪除操作的確認框。 如果用戶單擊確定，則它將繼續。 但如果用戶點擊取消，則取消刪除操作或 go 返回同一頁面。 我在 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，如果用戶確認，請重定向他。

 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 的基礎知識並在不重定向頁面的情況下發送刪除請求。