在弹簧启动时点击停止页面刷新按钮

Question

我有一个表单，在复选框和按钮是存在的，点击按钮，数据提交，也插入数据库，但我的页面是刷新，我希望我的数据应该提交和插入数据库，也页面不应该在thymeleaf春季启动刷新。复选框中的值在循环中显示。我现在的代码是:

<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)的默认行为是操作总是触发页面刷新。关于这方面的更多信息，请参阅表单处理与thyymleaf。

也就是说，有两个选项:

1. 使用JavaScript(纯JS或框架)做AJAX请求，避免页面刷新。
使用html库中的hx-boost。这将拦截表单提交并通过AJAX调用向服务器发出请求，从而使页面刷新看起来不存在。有关该选项的更多信息，请参阅TodoMVC with thyymleaf and html。