javascript - 在不触发刷新的情况下更改 window.location

Question

我有一个提交 GET 请求的 AJAX 表单。因为这些都是 GET 请求，所以它们应该很容易添加书签。我最好发出 Ajax 请求，更新屏幕，然后将 window.location.href 更新为新页面的 URL。

不幸的是，这会重新加载页面。有什么办法可以解决这个问题吗？基本上我希望 URL 栏成为永久链接栏，但它需要能够更改以跟上页面的状态。

window.location.hash 不好，因为它不会发送到服务器。

Answer 1

window.history.replaceState( {} , title, new_URL );

这会将当前页面的 URL 更新为一个新的而不刷新。

参数:

1. 数据对象(必须是可以序列化为文本的对象)
2. 更改后的窗口 URL 的新标题
3. 要更改为的 URL(无需刷新)

您可以使用 window.onpopstate = function(event){...} 来监听用户在浏览器历史记录中后退或前进时的事件，并根据需要进行更改。