解决bootstrap-table在切换分页后再次查询报错404问题
场景:
默认进入到列表,显示的是全部数据,此时切换分页到第3页,然后再次使用搜索功能,此时会报错404
分析:
发现第二次查询的入参如下:page_size=10&page=3&sortOrder=asc,page=3,问题就在这里,此时的查询应该page=1,当page=3时,该查询结果集并没有那么多页数,所以会报错404;
解决:
在执行查询函数时将pageNumber属性设置为1,
// 搜索查询按钮触发事件 $(function () { $("#search-button").click(function () { {# 将pageNumber属性设置为1,解决切换分页时再次查询报错404 #} $('#mytab').bootstrapTable("refreshOptions",{pageNumber:1}); $('#mytab').bootstrapTable(('refresh')); // 很重要的一步,刷新url! $('#search_app').val(); }) })