Quiero mostrar el cuadro de diálogo de alerta después de que se elimine la fila en la tabla. Mi problema es que cuando hice clic en enviar, aparecerá primero, el cuadro de diálogo de alerta con el mensaje Eliminado con éxito el producto . ¿Puede alguien ayudarme?

//Controlador

 @GetMapping("delete{id}") public String deleteProduct(@PathVariable("id") long id, Model model) { Products products = productRepository.findById(id); .orElseThrow() -> new IllegalArgumentException("Invalid: ", +id)); productRepository.delete(products); return "redirect:/index"; } }

//índice

 <td><a th:href="@{/delete/{id}(id=${products.id})}" onclick="myFunction()">Delete</a></td> <script> function myFunction() { alert("Successfully deleted the product!"); } </script>