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

Question

我想在没有刷新页面的情况下更改我的网址。例如，我的网址为http://test.com?search=test

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

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

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

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

点击品牌后，网址应为：

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

当我取消选择某个类别时，该网址应为：

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

请帮帮我。

Answer 1

您可以通过历史记录api

进行更改

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

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