如何在选中单选按钮时更改网址而不刷新或重新加载页面？

Question

问题：我想更改页面的网址而不刷新，但现在当我选中单选按钮时，页面会刷新并更改网址。例如，

我当前的网址是：www.example.com/cart /

当我检查提货时，日期和时间单选按钮然后页面将刷新 并显示网址：

www.example.com/cart/?method_choice=pickup&time=12PM-3PM&day=tue

但是我希望页面不会刷新，并且在选中单选按钮时会更改网址。

Answer 1

您想要刷新页面吗？

// Reloads current page
document.location.reload();

// Go to page
window.location = "http://www.example.com/cart/?method_choice=pickup&time=12PM-3PM&day=tue";

Answer 2

您可以使用history.pushState（）;

例如：

history.pushState('', '', '/cart/?method_choice=pickup&time=12PM-3PM&day=tue');