更改頁面網址而不刷新頁面

Question

這有可能嗎？

這是問題所在：

我有一個使用此URL的關鍵字搜索（搜索后）： http：// localhost / thi / search？keyword = key

然后我有一個使用AjaxForm插件（jquery）的滑塊搜索...

當我執行滑塊搜索時，顯然我仍然會在關鍵字搜索URL中（因為請求是通過ajax發送的）

有沒有辦法將當前網址更改為類似http：// localhost / thi / search？price = 100 （滑塊通過GET提交，價格為GET變量）

我希望這樣做是因為我希望將滑塊的搜索結果添加為書簽...或者有其他替代方法嗎？

Answer 1

您可以通過window.location.hash方法使用哈希網址（search＃price = 100）。 這些將被加為書簽，並且用戶可以使用后退和前進按鈕瀏覽這些內容。

用法樣本：

<a href="#">100</a>

$('a').click(function() {
    window.location.hash = 'price='+$(this).html();
    return false;
});

無需刷新即可將網址設置為search#price=100 。

Answer 2

我為此建議的最好的辦法是使用URL中的哈希。 這將使用戶可以為URL添加書簽，並在返回時仍保持狀態。 另一個好處是您可以更改哈希而不需要刷新頁面。

jQuery地址插件將對此非常有效。

http://www.asual.com/jquery/address/

Answer 3

使用HTML5可以實現。 使用window.history.pushState（）。

范例：

if(currentHref!=window.location){
    window.history.pushState({path:currentHref},'',currentHref);    
}