Как передать данные с одной страницы на другую без изменения url?

Question

[zeaovede]

На сайте передаются данные (заголовок h1) с одной страницы на другую.

page1

<a href="/apply/?game=League+of+Legends" class="card shadow-lg lift h-100">

page2

<script>
    let game = window.location.search.split("=")[1].replaceAll('+', ' ');
    document.querySelector('h1').innerText = game;
</script>

Теперь, я бы хотел сохранить все тоже самое, но оставить чистый url.
Сейчас url на сайте выглядит вот так
/apply/?game=League+of+Legends
Но из за плагина кэширования мне этот вариант больше не подходит.

Как добиться результата с чистым url: /apply/, с сохранением прежнего функционала?

Comments

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

Положить данные в LocalStorage или куки

Answer 1

[GeKskill]

Надеюсь правильно понял вопрос. Можете воспользоваться history.pushState(null, null, '/apply/');

Comments

[zeaovede]

Я попробовал сделать вот так

<script>
    let game = window.location.search.split("=")[1].replaceAll('+', ' ');
    document.querySelector('h1').innerText = game;
    history.pushState(null, null, '/apply/');
</script>

Это все еще плохо работает для меня. Данные передаются только один раз, при повторном обновлении страницы слетают. url теперь чистый, должно быть это сработало на стороне url, но плагин кэширования продолжает выводить то что ему хочется после заголовка &swcfpc

[GeKskill]

zeaovede, "при повторном обновлении страницы слетают" - при чистом урл естественно, что GET параметрам на серверной части неоткуда взяться

[zeaovede]

GeKskill, жаль, что под мой случай не подошло