Pour vous aider à comprendre le fonctionnement d'AJAX, nous avons créé une petite application AJAX :
L'application AJAX ci-dessus contient un div et un bouton.
La section div est utilisée pour afficher les informations du serveur. Lorsque l'on clique sur le bouton, il est chargé d'appeler une fonction appelée loadXMLDoc() :
< div id = " myDiv " > < h2 > Utiliser AJAX pour modifier le contenu du texte </ h2 > </ div > < bouton tapez = " bouton " onclick = " loadXMLDoc() " > Modifier le contenu </ bouton >Ensuite, ajoutez une balise <script> à la section d'en-tête de la page. Cette balise contient la fonction loadXMLDoc() :
<tête> < script > function loadXMLDoc(){ .... Exécution du script AJAX...} </ script > </ tête >Les chapitres suivants vous expliqueront comment fonctionne AJAX.