带有修改后的查询字符串的 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` set

const queryData = new URLSearchParam(window.location.search.slice(1))

// manipulate the parameters as desired

queryData.set("b", 5)

// assemble the new URL using the current URL as the base

const newUrl = new URL(window.location.href)

newUrl.search = queryData

// redirect to the new URL

window.location.href = newUrl