Как изменить URL не перезагружая страницу?

Question

[Cheizer]

Друзья, подскажите пожалуйста, как реализовать смену URL по клику не перезагружая страницу?

Вот пример на этом сайте https://www.globber.com/scooters-for-kids-boys-gir...

Тут если у товара переключать цвет, там форма с инпутами как понятно по исходному коду, так вот, по клику на инпуте, перезагружается только блок с фото товара, И МЕНЯЕТСЯ URL! Без перезагрузки полной страницы.
Как это сделано??? Какие технологии используют? Вообще впервые такое вижу. Подгружают контент Ajax методом похоже с другой страницы как я понимаю. Но вот про URL так и не понял. :( Подскажите пожалуйста направление.

Answer 1

[DevMan]

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

Comments

[Cheizer]

нет. это не та технология, если вы сразу перейдете по ссылке которую я привел, никакой истории еще нет в рамках сайта с товаром, и нажмете на цвет, URL изменится, и изменится содержимое блока товара, но страница не перезагрузится.

[DevMan]

Роман Кузнецов, даладна.

[Cheizer]

Спасибо! Нашел там на странице Ajax navigation example.

[DevMan]

Роман Кузнецов, ))

[Cheizer]

DevMan, :))

[Cheizer]

DevMan, подскажите пожалуйста, а как можно сделать так же, только без дополнительных страниц? Что бы ajax ом менять контент в блоке, но этот контент загружать не с другой страницы, а подгружать из файла например или из ячейки в бд. При этом и URL менять но без реальной страницы.

В моем примере по ссылке так и есть как то, у них нет дублирующих страниц, меняется только блок с фото, и URL

[DevMan]

Роман Кузнецов, пишите обработчик на любом серверном языке, аяксом дёргаете этот обработчик с нужными параметрами.

[Cheizer]

DevMan, а можно пример, ссылку

[DevMan]

Роман Кузнецов, у меня нет таких ссылок. скину, если попадутся.