Navigation sans hash

Par LeoLB, il y a 13 ans

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

Xtr3me, il y a 13 ans

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.

Natà, il y a 13 ans

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

LeoLB, il y a 13 ans

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

Natà, il y a 13 ans

Pas de soucis. :)