A la mode depuis quelques temps déja, l'
Ajax (
Asynchronous
JavaScript and
XML ) permet
de rendre les pages HTML beaucoup plus dynamique en y incluant des résultats de requètes externe sans recharger
le contenus de la page entièrement. Utilisé abondament dans le web2.0 il est aujourd'hui grandement compatible
avec les navigateurs les plus utilisés.
Ce petit exemple permet d'envoyer une chaine à un script externe situé sur un serveur et afficher
en retour le résultat. Nous verrons plus tard comment enrichir les données renvoyées par le serveur.
Tout se passera évidement sans recharger la page dans le navigateur.
Ajoutez pour commencer le code suivant dans un fichier
Ajax.js :
Le code suivant est à mettre dans la page
Ajax.php qui ( vu qu'aucun chemin relatif n'est utilisé dans le javascript )
doit se trouver dans le même répertoire que la page HTML contenant le script ci-dessus.
Et pour terminer, la page HTML qui va intégrer notre script :
Test.html
Pour voir ce script en action,
cliquez ici!, pour le télécharger,
cliquez ici.