带有修改后的查询字符串的 JS 重新加载页面

Question

我有一个页面，其网址类似于domain.com/?a=1&b=2&.... 我想刷新页面，但能够更改任何给定的查询字符串值或添加它（如果尚不存在）。

IE。如果我b=5两者都想要/?a=1并且/?a=1&b=2会成为/?a=1&b=5

我相信我需要使用 URLSearchParams 类来设置查询字符串并重定向（而不是刷新）到新的 url，但我无法弄清楚如何组合所有部分来创建 url。

Answer 1

如果我理解正确的话，你有一个带有 url 的页面/?a=1&b=2，你想/?a=1&b=5使用 JavaScript 导航。// grab the search query, parse it into a `URLSearchParams` setconst queryData = new URLSearchParam(window.location.search.slice(1))// manipulate the parameters as desiredqueryData.set("b", 5)// assemble the new URL using the current URL as the baseconst newUrl = new URL(window.location.href)newUrl.search = queryData// redirect to the new URLwindow.location.href = newUrl