前台：
<form method="post" action = "/bbs/list" id="queryform">
<input type="hidden" name="start" id="start"/>
<li>搜索：</li>
<input type="text" placeholder="请输入公告名称" name="title" th:value ="${queryBbs.title}" />
<a href="javascript:void(0)" class="button border-main icon-search" onclick="changesearch()" > 搜索</a>
</form>
//搜索
function changesearch() {
$("#queryform").submit();
}
通过page传值
<div class="pagelist" th:include="common/footer::page"/>
包含页面
<!--fotter-->
<div class="pagelist" th:fragment="page">
<a th:onclick="javascript:page(0)">[首 页]</a>
<a th:onclick="javascript:page([[${page.pageNum}]]-1)">[上一页]</a>
<a th:onclick="javascript:page([[${page.pageNum}]]+1)">[下一页]</a>
<a th:onclick="javascript:page([[${page.pages}]])">[尾 页]</a>
共[[${page.total}]]条记录
</div>
//分页跳转方法
function page(pageNum) {
$("#start").val(pageNum);
$("#queryform").submit();
}
此种方法可以将搜索查询框内容通过form表单的方式提交给controller,controller再分页，但点“下一页”事件多点二次很容易导致浏览器假死。
第二种方式：直接通过href传值，这种方式不死机。
<div class="pagelist">
<a th:href="@{/bbs/list(start=0,title=${queryBbs.title})}">[首 页]</a>
<a th:href="@{/bbs/list(start=${page.pageNum-1},title=${queryBbs.title})}">[上一页]</a>
<a th:href="@{/bbs/list(start=${page.pageNum+1},title=${queryBbs.title})}">[下一页]</a>
<a th:href="@{/bbs/list(start=${page.pages},title=${queryBbs.title})}">[尾 页]</a>
共[[${page.total}]]条记录
</div>