如何在不重新加载的情况下将参数添加到 URL答案

【问题标题】：How to add parameters to a URL without reload如何在不重新加载的情况下将参数添加到 URL
【发布时间】：2017-01-24 11:12:21
【问题描述】：

如何在不重新加载的情况下向包含其他参数的 URL 追加和添加参数例如。

localhost:5147/website/paytm?sort=deals

localhost:5147/website/paytm?sort=deals&cat=171

localhost:5147/website/paytm?sort=deals&cat=171,168

或

localhost:5147/website/paytm?cat=171

localhost:5147/website/paytm?cat=171&sort=deals

localhost:5147/website/paytm?cat=171&sort=deals,offers

localhost:5147/website/paytm?cat=171,191&sort=deals,offers

【问题讨论】：

标签： javascript url append

【解决方案1】：

Yoa 可以使用History API 中的pushState 和replaceState 方法

【讨论】：

【解决方案2】：

你可以使用history.pushState

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

文档：https://developer.mozilla.org/en-US/docs/Web/API/History_API

Url 无需重新加载即可更改，您也可以使用事件 popstate 来更新您的 State App。文档：https://developer.mozilla.org/en-US/docs/Web/Events/popstate

【讨论】：