我有一个表单,在复选框和按钮是存在的,点击按钮,数据提交,也插入数据库,但我的页面是刷新,我希望我的数据应该提交和插入数据库,也页面不应该在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>
服务器端呈现技术(如Thymeleaf)的默认行为是操作总是触发页面刷新。关于这方面的更多信息,请参阅表单处理与thyymleaf。
也就是说,有两个选项:
- 使用JavaScript(纯JS或框架)做AJAX请求,避免页面刷新。 使用html库中的hx-boost。这将拦截表单提交并通过AJAX调用向服务器发出请求,从而使页面刷新看起来不存在。有关该选项的更多信息,请参阅TodoMVC with thyymleaf and html。