Navigation sans hash

LeoLB
Javascript

Bonjour,

En regardant le site of the day de Awwwards, j'ai été bluffé par la navigation de la partie portfolio du site http://spektrummedia.com. En effet, le site marche sans utiliser les hash pour pouvoir changer de projet .... Regardez plutot => http://spektrummedia.com/portfolio/ ! Connaissez vous la technologie utilisé ici pour changer de page sans tout rechargé ?

Merci.

Léo

4 réponses

Natà
Réponse acceptée

Ce tuto pourrait t'intéresser, comme le dit Xtr3me, c'est effectivement de l'Ajax mais couplé à une gestion de l'historique qui réécrit l'URL à la volée, il y a plusieurs modules jQuery permettant cela comme par exemple jQuery Adress (Deezer l'utilise) ou History.js

Xtr3me

La technologie utilisé est Ajax (Asynchronous Javascript And XML), c'est justement fait pour actualisé des données sans avoir à recharger toute la page. D'ailleurs en regardant le code source de la page tu verras qu'il y a un appelle à Ajax ^^ .
C'est une technologie qui prend de plus en plus d'ampleur car très utile pour mettre à jour certaines informations en temps réel sans avoir à recharger toute la page, pour les E-commerce par exemple c'est utilisé pour le rafraichissement de certaines informations.

LeoLB
Auteur

Je connaissais les hash, l'ajax mais pas la fonction history.pushState ! Un grand merci à toi Natà.

Natà

Pas de soucis. :)