Access Code School (ACS), École du numérique pour tous en Bourgogne Franche-Comté, Auvergne Rhône-Alpes, Centre Val de Loire et Nouvelle-Aquitaine

Blog

AJAX : Les premiers pas

AJAX : Qu’est-ce que c’est ?

AJAX est en fait un acronyme qui veut dire Asynchronous Javascript And XML. Cet outil n’est pas un langage à proprement parler mais regroupe un ensemble de technologies déjà existantes : à savoir le Javascript et le XML.
Il est surtout utilisé pour faire circuler des informations sans rechargement de page comme peuvent le faire Twitter, Facebook, Youtube, etc.

Source : W3School

Avantages et inconvénients :

Avantages :

  • En terme d’UX, l’AJAX apporte un confort à l’utilisateur. En effet, il évite les chargements intempestifs (gain de temps)
  • Fonctionnement des applications plus rapides et réactives
  • Dans le cadre d’une utilisation sur un site classique (vitrine par exemple), la mise en place de l’AJAX est simple
  • Utilisable avec des bibliothèques telles que JQuery, dont le but est de simplifier le développement

Inconvénients :

  •  Si JavaScript est désactivé, l’AJAX ne fonctionne pas
  • Pour un débutant, la méthode AJAX en MVC est difficile
  • Le contenu dynamique ne sera pas indexé par Google et sera donc ignoré par le moteur de recherche
  • Echanges lourds car le navigateurs doit envoyer des « headers »

La bonne utilisation d’AJAX :

Commencez par créer une page basique index.php et ajoutez-y le code suivant :

 

Puis, créez votre fichier script.js avec le code suivant :

 

Enfin, il faut créer le fichier « traitement_ajax.php »

 

Quand l’utiliser :

Comme évoqué précédemment, l’utilisation d’AJAX est nécessaire si vous voulez réaliser un site ou des pages dynamiques.
Plusieurs cas permettent son utilisation :

Si la page ou le site doivent charger de nouvelles données sur le serveur :

  •  Soit après leur affichage
  •  Soit à la demande de l’utilisateur
  •  Soit pour renouveler leur contenu

Son utilisation est plutôt intéressante pour des modifications de site peu fréquentes comme pour un blog, un forum, un site marchand….

Conclusion / Résumé :

En bref, l’AJAX permet de lier le côté serveur au côté client en temps réel. Il n’en reste pas moins vulnérable à la désactivation de JavaScript et nécessite de bonnes notions de sécurisation (comme « htmlentities » en PHP).

Enfin, l’AJAX est simple à apprendre, difficile à maîtriser et permettra de rendre vos sites plus fluides et dynamiques.

Article réalisé par Valentin G. & Alexandre B.

About the Author

Ajouter un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *