méthode GET envoyée au lieu de SUPPRIMER

Haute sonnerie:

Je suis en train d'écrire le frontend d'une application, et j'ai rencontré un problème. J'ai essayé de réaliser une méthode utilisant AJAX SUPPRIMER, mais selon Spring GET est envoyé quand je lance le code.

Code HTML:

    <tr th:each="attraction : ${attractions}" th:object="${attraction}">
    <td th:text="*{name}"></td>
    <td th:text="*{latitude}"></td>
    <td th:text="*{city}"></td>
    <td><a th:href="|/edit/*{id}|">EDIT</a></td>
    <script>
        function sendDelete(event) {
            xhttp.preventDefault();
            xhttp.open("DELETE", this.href);
            xhttp.send();
        }
    </script>
    <td><a th:href="|/delete/*{id}|" onclick="sendDelete(event);">DELETE</a></td>
</tr>

Code Spring:

  @DeleteMapping("/delete/{id}")
  String delete(@ModelAttribute Attraction attraction) {
   attractionService.delete(attraction);
   return "redirect:/";
  }

Comment pourrais-je résoudre ce problème? Merci d'avance.

Haute sonnerie:

Avec un peu d' aide, je pouvais comprendre le problème. Le problème fondamental est que le
<a> est seulement capable de gérer les méthodes GET.

Au lieu de cela qu'une partie de mon code, je résoudre notre problème comme celui-ci en HTML:

    <td>
        <form th:method="DELETE" th:action="|/delete/*{id}|">
            <input type="submit" value="Send">
        </form>
    </td>

Maintenant, il fonctionne parfaitement.