GETメソッドは、DELETEの代わりに送信され

高リンギング：

私は、アプリケーションのフロントエンドを記述しようとしていますし、私が問題に遭遇しました。私は、AJAXを使用して削除する方法を実現しようとしてきたが、私は、コードを実行すると春によるGETが送信されます。

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>

春のコード：

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

どのように私はこの問題を解決するだろうか？前もって感謝します。

高リンギング：

いくつかの助けを借りて、私は問題を把握できます。基本的な問題があることを
、<>タグはGETメソッドを処理することができるだけです。

代わりに私のコードの一部であること、私はHTMLでこのようにそれを整理しました：

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

今では完璧に動作します。