Как удалить get параметр с помощью js/jquery?

Question

[Httdientee]

Помогите пожалуйста мне нужно удалить из адресной строки определенный get параметр, я уже пол дня лазяю по интернету и ничего не подходит/не работает, может кто-то помочь?

Comments

[WapSter]

Может нужно лазать, а не лазЯть)
По первому же запросу удалить символ из строки почему-то находится ответ. Может ну его это программирование? Есть всякие доставки еды, там сильно думать не нужно

[Httdientee]

WapSter, Если не собирались помочь зачем отписывать сюда

[WapSter]

Httdientee, ужас ты уже в сообщении с ответом не видишь ответ, может явно, что-то не то с тобой?

[Сергей Соколов]

Httdientee уточните: в результате хочется получить строку, или перенаправить браузер на новый адрес (без удалённого параметра), или просто переписать это в адресной строке браузера, но НЕ переправлять браузер (не вызывать перезагрузку страницы) ?

[Httdientee]

Сергей Соколов, просто переписать это в адресной строке браузера, но НЕ переправлять браузер (не вызывать перезагрузку страницы) ?

Answer 1

[Сергей Соколов]

Тут два вопроса в одном.

Первый – получить параметры запроса и удалить из них искомый. Это работа с апи URL и searchParams - там есть метод delete() для удаления параметра. В итоге из URL получим новую адресную строку без лишнего параметра.

Второй – заменить адресную строку, не перегружая страницу. Это работа с history API и методом pushState(), то что вовсю используется в одностраничных сайтах. Как бы переходишь по страницам, адрес меняется, но на деле страница не перегружается, а изменяется динамически.

const url = new URL(document.location);
const searchParams = url.searchParams;
searchParams.delete("test"); // удалить параметр "test"
window.history.pushState({}, '', url.toString());

Comments

[Httdientee]

Большое спасибо

Answer 2

[Quintis]

используй https://developer.mozilla.org/en-US/docs/Web/API/URL , или https://dmitripavlutin.com/parse-url-javascript/