使用jquery插件更改url或查询字符串而不重新加载

如果不重新加载页面,则无法更改查询字符串。

我有办法…

更改#

您可以使用javascript获取和设置查询字符串

location.hash = 'something=anything'

谢谢
普拉迪特
印度

如果您只想更改哈希值,那么您批准的解决方案可能可以正常工作。但是,要修改查询,需要使用history.pushState。不过,它只适用于带有html5历史api的web浏览器。

if (history.pushState) {
    var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?myNewUrlQuery=1';
    window.history.pushState({path:newurl},'',newurl);
}

我测试过了,效果很好。它不会重新加载页面,但只允许您更改url查询。您将无法更改协议或主机值。

有关详细信息:

http://diveintohtml5.info/history.html

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

您可能会发现另一个有用的解决方案是jquery的bbq插件。下面是一个例子: http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/