Как добавить несколько get параметров в url без перезагрузки страницы?

Question

[danilr]

Задача стоит в том, чтобы добавить при нажатии на кнопки фильтрации добавлять в url в гет параметры выбранные значения фильтров, чтобы потом по ссылке применялись фильтры.
Вот как в таком случае правильно добавлять гет параметры в url и их заменять в случае если надо перезаписать их значение?

Answer 1

[Роман Дворянов]

window.location.replace(window.location.href + '#privet');

Comments

[danilr]

окей, добавили почти гет параметр (только там как-то так + "?privet=true"). А дальше каждый раз добавлять, ну ладно также можно. А как искать и заменять если значение того же самого параметра изменилось?

[Михаил]

danilr, тогда history.replace

[Роман Дворянов]

window.location, window.history. Не благодарите)

[Роман Дворянов]

Михаил, history.replaceState

[Роман Дворянов]

danilr, для поиска по параметрам есть удобная библиотечка query-string или можете городить свой велосипед и парсить параметры

[Роман Дворянов]

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

Answer 2

[Кирилл Горелов]

https://gist.github.com/Kirill-Gorelov/cedacbb7f2d...
453 строка

Answer 3

[Александр Антонов]

Понимаю что поздно но мне тоже нужна была похожая штука, так что я смастерил это

const url = new URL(window.location.href)
url.searchParams.append("afterSending", "1")
window.history.pushState(null, null, url);

// window.location.href = url.toString()
// window.location.replace(url.toString())