Czy istnieje sposób na zmianę paska adresu przeglądarki bez odświeżania strony?

Tworzę aplikację internetową. W nim mam sekcję o nazwie kategorie, która za każdym razem, gdy użytkownik kliknie jedną z kategorii, panel aktualizacji ładuje odpowiednią zawartość.

Po kliknięciu przez użytkownika kategorii, z której chcę zmienić adres URL paska adresu przeglądarki

www.mysite.com/products 

do czegoś takiego

www.mysite.com/products/{selectedCat} 

bez odświeżania strony.
Czy istnieje jakiś rodzaj interfejsu API JavaScript, którego mogę użyć, aby to osiągnąć?

Dzięki HTML5 możesz modyfikować adres URL bez ponownego ładowania:

Jeśli chcesz dodać nowy post do historii przeglądarki (np. Przycisk Wstecz zadziała)

window.history.pushState('Object', 'Title', '/new-url');

Jeśli chcesz tylko zmienić adres URL bez możliwości powrotu

window.history.replaceState('Object', 'Title', '/another-new-url');

Obiekt może służyć do nawigacji Ajax:

window.history.pushState({ id: 35 }, 'Viewing item #35', '/item/35');

window.onpopstate = function (e) {
  var id = e.state.id;
  load_item(id);
};

Przeczytaj więcej tutaj: http://www.w3.org/TR/html5-author/history.html

Rozwiązanie awaryjne: https://github.com/browserstate/history.js

Aby dodać do tego, co już powiedzieli faceci, edytuj właściwość window.location.hash tak, aby pasowała do adresu URL, który chcesz w funkcji onclick.

window.location.hash = 'category-name'; // address bar would become http://example.com/#category-name

Uważam, że bezpośrednie manipulowanie paskiem adresu na zupełnie inny adres URL bez przechodzenia do tego adresu URL jest niedozwolone ze względów bezpieczeństwa, jeśli jesteś z tego zadowolony

www.mysite.com/products/#{selectedCat}

tj. link w stylu kotwicy na tej samej stronie, a następnie przejrzyj różne skrypty historii / przycisku „Wstecz”, które są obecnie obecne w większości bibliotek javascript.

Wzmianka o panelu aktualizacji prowadzi mnie do przypuszczenia, że ​​używasz asp.net, w takim przypadku kontrola historii Ajax asp.net jest dobrym miejscem do rozpoczęcia

Nie sądzę, żeby to było możliwe (przynajmniej zmiana na zupełnie inny adres), ponieważ byłoby to nieintuicyjne niewłaściwe użycie paska adresu i mogłoby promować ataki phishingowe.

Nie można tego zrobić tak, jak to mówisz. Metoda sugerowana przez somej.net jest najbliższa, jaką możesz uzyskać. W rzeczywistości jest to bardzo powszechna praktyka w erze AJAX. Nawet Gmail tego używa.

„window.location.hash”

zgodnie z sugestią sanchothefat powinien być jedynym sposobem na zrobienie tego. Ponieważ we wszystkich miejscach, w których widziałem tę funkcję, jest cały czas po znaku # w adresie URL.