formations/javascript/angular/routage-1.md

740 B

.cadoles-slide-title[Routage dans le navigateur (1/3)]

Différences entre la navigation classique et la navigation côté client .cadoles-left-column[ Navigation classique

.cadoles-center[ GET / -> GET /page1 -> GET /page2 -> etc ]

  • Chaque page est renvoyée par le serveur.
  • Le serveur gère l'association URL/contenu.

]

.cadoles-right-column[

Navigation côté navigateur

.cadoles-center[ GET / -> #page1 -> #page2 -> etc ]

  • Une fois la première requête effectuée, le navigateur utilise les ancres (#) pour simuler la navigation de page en page.
  • Javascript réagit à ces changements du "hash" de l'URL pour modifier la page.
  • Le client (Javascript/navigateur) gère l'association URL+hash/contenu.

]