更改查询字符串而无需重新加载/刷新

Question

这个问题已经在这里有了答案：

• 使用新的URL更新地址栏，而不散列或重新加载页面 3个答案

我想更改点击网址而不刷新页面。 例如，我的网址是http://test.com?search=test

当我在搜索页面上单击任何过滤器值（如“ category”）时，我的网址应为：

http://test.com?search=test$category=cat1

当我单击另一个类别时，应该是：

http://test.com?search=test&category=cat1,cat2

当我单击品牌时，URL应为：

http://test.com?search=test$category=cat1,cat2&brand=br1

当我取消选择类别时，URL应该是：

http://test.com?search=test$category=cat2&brand=br1

请帮我。

Answer 1

您可以通过历史API进行更改

window.history.pushState("object or string", "Title", "/new-url");

在这种情况下，将使用新标题设置相对的/ new-url。 您可以在控制台中进行试验。 如果您在stackoverflow.com上输入此网址，则网址将神奇地更改为https://stackoverflow.com/new-url