如何刪除網址中最後一個斜槓後的內容，而無需重新加載頁面？

Question

我有一個網址，看起來像這樣

http://foo.com/Item/newItemName

該項目被保存到與該項目名稱的數據庫頁面上有些操作後。現在我想更換URL這樣

http://foo.com/Item/12345

我需要更新的窗口狀態，所以是可以更新使用window.history.replaceState法或類似的東西的網址？

Answer 1

你在找什麼是pushState功能。

檢查這些文檔進行：https://developer.mozilla.org/en-US/docs/Web/API/History_API

此外，檢查出本教程：https://css-tricks.com/using-the-html5-history-api/

的pushState功能是超級方便。

Answer 2

應該可以這樣做：

history.pushState({}, null, newUrl); 

哪裏newUrl是新的URL應該替換當前的一個。請注意，這只是HTML5。

Answer 3

我會使用replaceState而不是pushState，因爲您不想在用戶的瀏覽器歷史記錄中創建新條目。

history.replaceState(
    '{ foo: "bar" }', 
    'Some new title', 
    'http://foo.com/Item/12345' 
);