Ajax请求如何实现页面无刷新前进后退，将ajax请求保存至浏览器历史记录

       
        既然能看到这个帖子说明你碰到这个问题了，使用Ajax异步请求后浏览器不知道用户操作了那些，不可以前进后退，最关键是不是收藏和分享，因为地址栏一直没有修改过。
        不闲扯，上干货，代码很简单，就是通过浏览器提供的api将 url  put进浏览器历史记录就好啦。
一、将地址put进浏览器历史记录    var stateObject = {"data":window.location.search}; //浏览器的上一次参数信息
    var title; //标题（一般就忽略了）
    var newUrl = window.location.pathname+"?page="+page+"&thirdGenreId="+thirdGenreId; //最关键部分，新的浏览器地址，执行下面操作这个地址会显示到浏览器地址栏
    history.pushState(stateObject,title,newUrl);//共三个参数二、给页面的前进后退绑定事件，这样前进后退页面才会有反应 //前进后退绑定事件
window.addEventListener("popstate", function() {
          //下面注释的两句写的是获取当前（后退后的）地址栏的参数和请求路径，进行一次重定向，但是后来发现了一个好方法，用reload方法可以刷新当前页面 2333；
//var currentState = window.location.search;
//window.location.href=window.location.pathname+window.location.search;
location.reload();
});

        最后再给大家说一个我使用中的一个小技巧（偷懒）

，后端设计异步请求接口时将页面请求参数和ajax请求参数设置为通用，这样你的参数直接put进浏览器，改改参数就好。

        有用就留言，点赞，MM

；