有没有什么办法可以更改URl而不刷新页面

Question

有没有什么办法可以更改URl而不刷新页面，在分享的过程中带到下一次打开的链接的浏览器上（或者URl上或者任意一个window属性上）

Answer 1

window.history.pushState()
看看这个

Answer 2

下面是我在项目中封装的 pjax(随着听吧， 哈哈)

pjax 文件

module.exports = function(option){
    if( window.history.pushState ){
        //option.event.preventDefault() //阻止A标签跳转
        //请求JSON，拼数据
        $.getJSON(option.getUrl, function(data){
            window.history.pushState({},0, option.winUrl);
            option.pinHtml(data);
            
        });
    };
}

调用方法：

$.PJAX({
     getUrl : "",  //请求JSON数据的URL
     winUrl : $('#url').attr("href"),  //更变地址栏URL
     event  : event,
     pinHtml: function (data) {
         var html = '<li><i>￥'+data.detail.albums[0].itemId+'</i></li>';
         $(".box").html(html);
     }
 });
 

项目在google 上是正常访问的， 但是在底版本火狐上会经常报错，升级了就没什么问题了。 但是 最近又要 删掉这个项目中的 这个pjax 。 原因是 项目中 条件筛选 和 数据排序 都是用的这种方式，所以流量损失很大，现在统一改回a链接跳转