这段代码对我很有用。我在ajax应用程序中使用了它。

history.pushState({ foo: 'bar' }, '', '/bank');

一旦使用ajax将页面加载到ID中，它会自动更改浏览器url，而无需重新加载页面。

这是下面的ajax函数。

function showData(){
    $.ajax({
      type: "POST",
      url: "Bank.php", 
      data: {}, 
      success: function(html){          
        $("#viewpage").html(html).show();
        $("#viewpage").css("margin-left","0px");
      }
    });
  }

示例：从任何页面或控制器（如“Dashboard”），当我单击银行时，它会使用ajax代码加载银行列表，而无需重新加载页面。此时，浏览器URL将不会更改。

history.pushState({ foo: 'bar' }, '', '/bank');

但是当我在ajax中使用这段代码时，它会在不重新加载页面的情况下更改浏览器url。下面是完整的ajax代码。

function showData(){
        $.ajax({
          type: "POST",
          url: "Bank.php", 
          data: {}, 
          success: function(html){          
            $("#viewpage").html(html).show();
            $("#viewpage").css("margin-left","0px");
            history.pushState({ foo: 'bar' }, '', '/bank');
          }
        });
      }

如果您想更改url但不想将条目添加到浏览器历史记录中，也可以使用HTML5 replaceState：

if (window.history.replaceState) {
   //prevents browser from storing history with each change:
   window.history.replaceState(statedata, title, url);
}

这将“破坏”后退按钮功能。在某些情况下，这可能是必需的，例如图像库（您希望后退按钮返回到库索引页，而不是返回到您查看的每个图像），同时为每个图像提供自己的唯一url。

您可以在应用程序的任何位置使用这个美丽而简单的功能。

function changeurl(url, title) {
    var new_url = '/' + url;
    window.history.pushState('data', title, new_url);
    
}

您不仅可以编辑URL，还可以同时更新标题。

您的新url。

let newUrlIS =  window.location.origin + '/user/profile/management';

在某种意义上，调用pushState（）类似于设置window.location=“#foo”，因为两者都会创建并激活与当前文档相关的另一个历史条目。但是pushState（）有一些优点：

history.pushState({}, null, newUrlIS);

您可以签出根目录：https://developer.mozilla.org/en-US/docs/Web/API/History_API

这现在可以在Chrome、Safari、Firefox 4+和Internet Explorer 10pp4+中完成！

有关详细信息，请参阅此问题的答案：使用新的URL更新地址栏，而无需哈希或重新加载页面

例子：

 function processAjaxData(response, urlPath){
     document.getElementById("content").innerHTML = response.html;
     document.title = response.pageTitle;
     window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
 }

然后，您可以使用window.onpopstate检测后退/前进按钮导航：

window.onpopstate = function(e){
    if(e.state){
        document.getElementById("content").innerHTML = e.state.html;
        document.title = e.state.pageTitle;
    }
};

有关操纵浏览器历史的更深入了解，请参阅MDN文章。

这是我的解决方案（newUrl是您要用当前URL替换的新URL）：

history.pushState({}, null, newUrl);