在spring boot中单击按钮时停止页面刷新

Question

我有一个表单，并且在该复选框和按钮中存在，单击按钮时，数据正在提交并插入到数据库中，但是我的页面正在刷新，我希望我的数据应该提交并插入到数据库中页面不应在 thymeleaf spring boot 中刷新。复选框中的值循环显示。我当前的代码是：

<form class="myform myform-newaccount" action="#" id="myForm"
                th:action="@{/authorList?buttonValue=pluginlist}"
                th:object="${userModifyDto}" method="post">
<input type="checkbox" name="applicationId" th:field="*{applicationIds}" id="myCheck" 
th:value="${option.applicationId}" /> 
<input type="submit" value="send" id="myid"/>

</form>

Answer 1

Thymeleaf 等服务器端渲染技术的默认行为是动作总是触发页面刷新。有关更多信息，请参阅Form handling with Thymeleaf。

也就是说，有两种选择：

1. 使用 JavaScript（普通 JS 或框架）执行 AJAX 请求并避免页面刷新。
2. 使用来自htmx 库的hx-boost。通过拦截表单提交并通过 AJAX 调用向服务器发出请求，这将使它看起来没有页面刷新。有关该选项的更多信息，请参阅 TodoMVC with Thymeleaf and HTMX。