ajax+twbsPagination分页返回上一页操作问题
Java后端用 PageHelper分页插件,前端是用ajax交互+twbsPagination配合分页,问题出现的情况是当发生“搜索、点击下一页➡进入详情页”等操作之后,选择后退,分页又会回到初始化状态。
解决方法一:利用 sessionStorage 存储分页的页面搜索数据,贴一段代码:
上图中红框里的操作是在用户点击页码的时候记录分页传入后端的数据,要放在Page分页页面中,这是第一步操作。
第二步操作:将分页数据记录在 sessionStorage 中后,在相应的详情页中取出其值,然后换个名称继续存进 sessionStorage ,这一步是为了不混乱Page数据
这两步操作之后,在进入详情页之后分页的页码、搜索数据都会被记录起来,当在详情页点击返回上一页操作之后,分页的数据也可以被读取。
基于这种情况,在Page分页页面需要添加一个初始化方法:
初始化方法中先获取详情页存入的session值,再对其进行判断,存在则进行一些页面按钮的点亮和搜索框赋值操作,然后再通过getPage方法获取数据,需要注意的一点是twbsPagination分页中需要添加一个属性:
startPage : data.object.page(这里的数值需要根据实际情况更换),
添加这个属性之后可以更改Page分页的初始化页码。
最后要再一些操作步骤上添加上保存Page分页搜索数据:比如搜索操作、选择状态中:
原本的那些选择状态操作是不需要进行if判断的,但添加这个模块之后就需要进行判断了,每次使用完之后都要将存储分页搜索数据的这个变量置NULL。
搜索操作代码中要记得将页码初始化为1,不然之前操作的页码会影响到这个模块。