在不重定向到新URL的情況下更改URL參數

我想知道如何在不重定向的情況下更改URL參數。例如，用戶點擊分頁實現的「頁面2」，數據通過ajax檢索，但我想提供一個URL給用戶，以便他可以將相同的結果發送給朋友或其他任何人。在不重定向到新URL的情況下更改URL參數

搜索網絡和stackoverflow每個人都表示，這是不可能的，它只是可以改變散列（parent.location.hash = "whatever value";）。

但是這是怎麼完成的Airbnb？當我搜索一個城市，結果頁面的URL是這樣的：

https://www.airbnb.at/s/london

當我點擊分頁的「第2頁」，將數據通過Ajax和新的URL加載是這樣的（不重定向）：

https://www.airbnb.at/s/london?page=2

這是怎麼完成的？

來源

2013-06-05 John Brunner

我認爲這會幫助你，試試這個

<a href="link1.php" rel="tab" class="link">link1</a> | 
    <a href="link2.php" rel="tab" class="link">link2</a> | 
    <a href="link3.php" rel="tab" class="link">link3</a> 
    <script> 
$(function(){ 
    $("a.link").on("click",function(e){ 
     e.preventDefault();// or return false; 
     window.history.pushState({path:this.href},'',this.href); 
    }); 
}); 
    </script>

來源

2013-06-05 09:05:48

現在不能測試它，因爲我不在家，但我敢肯定這是正確的事情，謝謝:) –

可能與pushState從歷史API。您可以在History API或閱讀更多關於Manipulating the browser history

來源

2013-06-05 09:05:57 ipeiro

可以」現在就測試它，因爲我不在家，但我很確定這是正確的，謝謝:) –

在不重定向到新URL的情況下更改URL參數

回答

相關問題