Back

AJAX (Asynchronous Javascript and XML)

  • L’ajax ("Asynchronous Javascript And XML") est une technique de développement web , pas un langage de programmation web, qui permet d’actualiser une partie d’une page sans la recharger entièrement. On évite ainsi le clignotement désagréable, les interactions avec l’utilisateur sont plus fluides.
  • AJAX veut dire "Asynchronous Javascript And XML". Dans ce modèle, le code javascript d’une page peut effectuer des requètes HTTP, sans change de page. On travaille alors en mode asynchrone: le code javascript tourne en tâche de fond, et les requètes HTTP faite en javascript ne sont pas blocantes (on leur associe une fonction de callback).
  • Méthode informatique de développement d’applications Web.
  • Pour transférer les données entre le JavaScript et PHP par exemple, on a besoin d’adopter des conventions, une sorte de protocole respecté des deux côtés, pour que JavaScript puisse interpréter ce qui est retourné par le serveur.

    • ajax

  • Ajax a exploité les technologies XML et java script,il est un concept qui permet de faire des appels asynchrones au serveur depuis le client.
  • Lors de ces appels, le serveur retournera du XML (mais aussi texte ou JSON) qui sera « récupéré » par javascript et traité.
  • AJAX se base sur l’utilisation d’un composant embarqué dans presque tous les navigateurs récents.
  • Par contre, vous vous doutez bien que le comportement va varier en fonction de ces derniers.
  • Pour pouvoir utiliser AJAX, il nous faut donc créer en javascript un objet que l’on nomme XmlHttpRequest ou xhr pour les intimes, comme son nom l’indique, cet objet nous permet de faire des requêtes http pour échanger du XML (mais aussi texte ou JSON) .
  • Avec AJAX la page est modifiée sans rechargement. Le Javascript peut contacter le serveur web (en arrière plan) pour obtenir de nouvelles informations et modifier la page en conséquence.
  • Cest une utilisation conjointe d’un ensemble de technologies couramment utilisées sur le Web :
    • HTML (ou XHTML) et CSS pour la mise en forme
    • DOM et JavaScript pour afficher et interagir dynamiquement avec l’information présentée
    • XML, XSLT et l’objet XMLHttpRequest pour échanger et manipuler les données de manière asynchrone avec le serveur web

    AJAX (acronyme de Asynchronous Javascript and XML), contrairement aux idées reçues, n’est pas un langage. C’est simplement une façon de concevoir des applications web.




01- Présentation

  1. Pourquoi utiliser Ajax?

  2. Le monde d’AJAX

02- l'objet XmlHttpRequest

  1. Historique de l’objet XmlHttpRequest

  2. L’objet XmlHttpRequest

  3. Créer un objet XMLHttpRequest

    4. Travaux pratiques

    1. TP4 AJAX

03- AJAX et JQUERY

  1. Création de requêtes Ajax avec jQuery

  2. La méthode $.ajax()

  3. Les méthodes get() et post() jQuery AJAX

  4. La méthode $.getJSON()/

    5. Travaux pratiques

    1. Exercices AJAX : Série 02

    2. Exercices AJAX : Série 03

04- Les formulaires et AJAX

  1. Validation de formulaire à l’aide d’Ajax

  2. Champs de formulaire à saisie semi-automatique

  3. Un formulaire de connexion avec AJAX

  4. Gérer les formulaires avec jQuery et Ajax

    5. Travaux pratiques

    1. TP1 AJAX

05- Applications AJAX-XML

  1. Lecture d’un fichier XML avec jQuery AJAX

  2. Créer XML avec PHP

06- Applications AJAX-PHP

  1. Concevoir une application AJAX et PHP

  2. Un formulaire de connexion avec AJAX

07- Exercices, Applications et TP AJAX-PHP

  1. TP1 AJAX

  2. TP2 AJAX

  3. TP2-1 AJAX

  4. Application 02

  5. TP3 AJAX