Jquery Ajax

Cet exemple d'utilisation d'AJAX est organisé comme il se doit en quatre fichiers.

Trois s'exécutent côté Client (navigateur) et sont écrits respectivement en HTML, en CSS et en Javascript (et avec la bibliothèque Jquery) :

  • index.html
  • index.css
  • index.js

Le dernier ajaxTest.php est  écrit en PHP et  s'exécute côté serveur.

Dans cet exemple, l'utilisateur clique sur le bouton  "c'est parti" pour afficher la liste des enregistrements de la table "classe" d'une base de données.

Comme le montre l'image ci-contre, le programme affiche en grisé avec un liseret rouge à droite les informations brutes que renvoit le serveur (utiles pour le développeur) et entre les deux traits horizontaux, les données mises en forme pour l'utilisateur.

Le contenu de ces quatre fichiers est présenté ci-dessous.

Un jour peut-être viendra...
où il faudra choisir entre