Nous allons voir dans ce Tutoriel comment réaliser ce que j’appellerai des Appels Hiérarchiques en Ajax.
Le principe est le suivant :
1- Le Layout du site se charge sans contenu
2- Le Layout appelle un premier contenu
3- Le contenu appelé appelle à son tour un nouveau contenu

L’intérêt peut ne pas paraître évident, mais il permet de décomposer le chargement du site, le tout animé par un petit GIF kikoolol qui embellira le tout.

La réalisation de ceci est on ne peut plus simple, il suffit dans un premier temps de créer un Layout (dans ce tuto, une bête page index.html), d’importer vos librairies JS et tout le tatoin et de réaliser en bas de page un appel Ajax d’une autre page vers un Div ciblé. Cette même autre page possède en fin de code un appel Ajax qui vient remplir l’autre div d’un contenu ciblé.
Je ne vais pas m’ateler à la décomposition du code au sein de cet article car c’est vraiment on ne peut plus simple.

La seule “découverte” ici réside dans la connaissance du fait que l’exécution d’un script JS fonctionne même si la page le contenant a été appelée par un appel Ajax. Ainsi, prenant compte de cela, on peut très bien décomposer tous les scripts des pages dans des fichiers distincts qu’on appellera avec des script src en fin de chacune de ces pages, permettant ainsi de simplifier la réalisation d’un site en full ajax.

J’ai pour ma part récemment réaliser un site entier avec cette méthode, la navigation au sein du site étant donc entièrement réalisée en Ajax, aucun appel en “dur”.