I want to show the alert dialog after the row is deleted on the table. My problem is when I clicked the submit it will appear first, the alert dialog with the message Successfully deleted the product. Can somebody help me?

//Controller

@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";
 }
  
}

//index

<td><a th:href="@{/delete/{id}(id=${products.id})}" onclick="myFunction()">Delete</a></td>

<script>
  function myFunction() {
      alert("Successfully deleted the product!");
    }
</script>