Home  >  Q&A  >  body text

javascript - 页面返回或后退,能够保持原页面不变,请求数据也保留。

我做的是一个webapp,比如,我在a页面输入某个关键字点击查询,我用的是ajax 请求,请求成功,对返回结果我做了分页处理,因为是手机端访问,所以滑动到底部就触发请求下一页的信息,当我滑动了很多页时,看到第5页的某条信息,点击进去看详情跳到了页面b,这时我在b页面返回a页面时,a页面是重新加载的,所有结果都没有
现在我的需求是返回a页面时,页面保持在我在第5页点击那条信息位置,并且前面的 5页结果也都存在,暂时不考虑做成单页。

迷茫迷茫2767 days ago602

reply all(2)I'll reply

  • 怪我咯

    怪我咯2017-04-11 12:28:41

    可以考虑使用replaceState()给地址栏加上参数,返回的时候根据这些参数重新加载并且定位到相关元素。

    reply
    0
  • PHP中文网

    PHP中文网2017-04-11 12:28:41

    当你跳页面b的时候,先在localstorage记录当前浏览的页面,然后在location.href到页面b, 返回a页面加载时先拿localstorage的值,有就加载到相应的页面,没有就默认重新加载

    reply
    0
  • Cancelreply