ajax+twbsPagination分页返回上一页问题

ajax+twbsPagination分页返回上一页操作问题

Java后端用 PageHelper分页插件,前端是用ajax交互+twbsPagination配合分页,问题出现的情况是当发生“搜索、点击下一页➡进入详情页”等操作之后,选择后退,分页又会回到初始化状态。

解决方法一:利用 sessionStorage 存储分页的页面搜索数据,贴一段代码:
前端ajax分页代码
上图中红框里的操作是在用户点击页码的时候记录分页传入后端的数据,要放在Page分页页面中,这是第一步操作。

page对象的数据格式,要根据实际情况增减
第二步操作:将分页数据记录在 sessionStorage 中后,在相应的详情页中取出其值,然后换个名称继续存进 sessionStorage ,这一步是为了不混乱Page数据
详情页对sessionStorage的操作
这两步操作之后,在进入详情页之后分页的页码、搜索数据都会被记录起来,当在详情页点击返回上一页操作之后,分页的数据也可以被读取。

基于这种情况,在Page分页页面需要添加一个初始化方法:
Page分页初始化方法
初始化方法中先获取详情页存入的session值,再对其进行判断,存在则进行一些页面按钮的点亮和搜索框赋值操作,然后再通过getPage方法获取数据,需要注意的一点是twbsPagination分页中需要添加一个属性:

startPage : data.object.page(这里的数值需要根据实际情况更换),

添加这个属性之后可以更改Page分页的初始化页码。

最后要再一些操作步骤上添加上保存Page分页搜索数据:比如搜索操作、选择状态中:
选择状态操作
原本的那些选择状态操作是不需要进行if判断的,但添加这个模块之后就需要进行判断了,每次使用完之后都要将存储分页搜索数据的这个变量置NULL。
搜索操作
搜索操作代码中要记得将页码初始化为1,不然之前操作的页码会影响到这个模块。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值