Как удалить переменные из URL страницы без её перезагрузки?

Question

[alaskafx]

Как я могу удалить переменные из URL страницы без её перезагрузки?
К примеру:
я имею такой url: site.com/payment?id=12345678910

Ведь, если я напишу что-то подобное:

window.location.href = window.location.href.substring(0, window.location.href.lastIndexOf('?'))

- страница перезагрузится, а мне надо без её перезагрузки.

Comments

[Lynn «Кофеман»]

https://developer.mozilla.org/ru/docs/Web/API/History

Answer 1

[rPman]

в приведенном примере - невозможно
но если переменные хранить с использованием anchor:
https://site.com/payment#id=12345678910

то можно, так как все что после # считается идентификатором параграфа, на который нужно переместить экран, и происходит это без перезагрузки.

Этим активно пользуются в SPA приложениях, когда реально страница грузится один раз за все время работы сайта, а все остальное подгружается с помощью ajax

Comments

[ikutin666]

rPman alaskafx spa через # используют старые сайты, сейчас используют window.history.pushState можно спокойно все изменить без перезагрузки в рамках одного хоста

[rPman]

да, но лично я не люблю когда приложение прячет от меня (пользователя) главную фичу веб-приложений - ссылку на текущий объект.

да, когда разработчик в ссылке начинает городить весь свой текущий state, всю свою лень и криворукость, тогда да, лучше пусть этот мусор с помощью pushState или в локальном хранилище держит.

Answer 2

[zkrvndm]

Искать нужно лучше:
https://astrio.ru/blog/History-API/