在thymeleaf中实现< a>标签发送post请求

在解决全局搜索时,获取搜索结果的下一页数据时(提交的请求为post的格式),总是出现请求格式不对的问题,这是由于使用< a >标签的 href 默认提交方式为get,可以通过下面的方式进行post向后台提交!
设置一个不在页面显示的form表单,通过< a>标签的点击事件来提交该表单内容!

1.先通过 在< a>标签内绑定点击事件为提交表单

οnclick="document.getElementById('beforePageForm').submit();"
  1. 在表单内设置请求的后台接口地址,比如我的地址就是 @{/search(page= p a g e . n u m b e r − 1 , q u e r y = {page.number}-1,query= page.number1,query={query})},括号内的为分页和搜索的参数

下面为完整示例:

<form method="post" id="beforePageForm" th:action="@{/search(page=${page.number}-1,query=${query})}"></form>
<a href="#" onclick="document.getElementById('beforePageForm').submit();">上一页</a>

更多推荐

在thymeleaf中实现<a>标签发送post请求,解决分页中获取下一页等出现的问题!