通过history解决ajax不支持前进/后退/刷新的问题(图文教程)【点击查看详情】
前言。现在前后端基本都是通过ajax实现前后端接口数据的交互,但是,ajax有个小小的劣势,即:不支持浏览器“后退”和“前进“键。但是,现在可以通过H5的histroy属性 解决ajax在交互请求的这个小bug。事件描述。H5增加了一个事件window.onpopstate,当用户点击那两个按钮就会触 发这个事件。但是光检测到这个事件是不够的,还得能够传些参数,也就是说返回到之前那个页面的时候得知道那个页面的pageIndex。通过 history的pushState方法可以做到,pushState(pageIndex)将当前页的pageIndex存起来,再返回到这个 页面时获取到这个pageIndex。window.history.pushState描述。
相关视频/文章