Table of Contents

Premières techniques AJAX

Dans cette partie, nous décortiquons déjà quelques techniques permettant de mettre en oeuvre le concept de programmation Web dit AJAX.

La partie suivante nous décortiquerons la technique XMLHTTPRequest qui a permis de démocratiser largement le concept.

Script Loading

Résumé : on profite ici de la balise <script> qu'on insère dans le document afin de déclencher en arrière-plan un chargement de script transportant le contenu à traiter/afficher.

Conclusions : une technique facile à mettre en oeuvre, même si un peu tordue. Elle est limitée à l'envoi en GET. Notons que cette technique en mode JSON est aussi appelée JSONP, avec le P pour padding qui correspond au nom de callback qui préfixe le contenu résultat (nous verrons plus loin un autre avantage lié).

IFrame Loading

Résumé : on profite ici de la balise <iframe> qui encapsule une sous-page dans la page principale. La sous-page iframe est simplement cachée et sert en arrière-plan de passerelle pour transférer du contenu du serveur vers la page principale du client.

Conclusions : également facile à mettre en oeuvre et offrant de nombreuses utilisations de passerelle (ex. upload de fichier). La balise iframe était devenue obsolète (voire décriée) jusqu'à ce que HTML5 lui redonna vie (à lire parmi d'autres : http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/).

Résumé : on profite ici de l'espace de stockage que représente les cookies au sein d'un navigateur (document.cookie) comme passerelle d'échange de données.

Conclusions : sans doute le plus tordu, mais efficace. Pas de POST possible comme la technique de Script Loading et limité par la taille de l'espace de stockage en cookie du navigateur (variable).