2015-04-10 00:30:02 +02:00
|
|
|
# .cadoles-slide-title[Routage dans le navigateur (1/3)]
|
2015-04-09 00:19:37 +02:00
|
|
|
|
2015-04-09 01:03:35 +02:00
|
|
|
**Différences entre la navigation classique et la navigation côté client**
|
|
|
|
|
.cadoles-left-column[
|
|
|
|
|
**Navigation classique**
|
2015-04-09 00:19:37 +02:00
|
|
|
|
2015-04-09 01:03:35 +02:00
|
|
|
.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`
|
|
|
|
|
]
|
2015-04-09 00:19:37 +02:00
|
|
|
|
2015-04-09 01:03:35 +02:00
|
|
|
- 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.
|
2015-04-09 00:19:37 +02:00
|
|
|
|
|
|
|
|
]
|
