Jak zmienić adres URL w pasku adresu bez ponownego ładowania strony?

Question

W jaki sposób Shopify to robi? Przejdź do swojej stronie internetowej, kliknij na przycisk Funkcje, a zobaczysz, że adres URL w pasku adresu przeglądarki mówi:

http://www.shopify.com/tour/sell-online

Następnie kliknij dowolny z linków podrzędnych, a zobaczysz, że adres URL w pasku adresu zmienia się bez użycia skrótu i ​​nie ma odwrócenia strony.

Nie sądzę, że używają ajax do zmiany zawartości, ponieważ wszystko wydaje się być zawarte w ukrytych elementach div na stronie, ale niezależnie, można najwyraźniej zmienić adres URL za pomocą sztuczek po stronie klienta. Twoja pomoc jest doceniana?

Answer 1

Nowy interfejs API historii HTML5 służy do przesyłania nowego stanu.

Oto the MDN documentation i a good tutorial.

Pamiętaj, że robienie tego jest często bolesne (musisz poprawnie zarządzać stanem aplikacji) i it doesn't work with IE9. Jest prawie zawsze połączony z ajaxem: jest to rozwiązanie pozwalające pozwolić, aby dynamicznie ładowana treść była księgowa nawet wtedy, gdy cała strona nie zostanie przeładowana lub zmieniona.

Answer 2

Zajrzyj do pushState, ale pamiętaj, że nie jest obsługiwany we wszystkich przeglądarkach.