© CNAM Paris UE IHM NSY110 ED – Compréhension d’AJAX page 3/5
Explication des fonctions :
– writediv : cette fonction permet d’écrire ce qu’on lui pass e en paramètre dans le bloc
l’ID est « pseudobox » (il est dans notre formulaire du début) ;
– verifpseudo : c’est cette fonction qui est appelée à chaque fr appe dans le champ « pseudo » de notre
formulaire. Elle vérifie la longueur du pseudo tapé (si le pseudo fait moins de 2 ou plus de 30
caractères, un message d’erreur s’affiche) puis, si tout est bon, lance la fonction file qui se
connectera a notre script PHP pour vérifier si le p seudo tapé est libre ;
– file : c’est la fonction qui se connecte à la page pass ée en paramètre, et retourne son contenu.
2°) Le code complet de la page « demoajax.php »
function writediv(texte) {
document.getElementById(‘pseudobox’).innerHTML = texte;
} // fin fonction writediv()
function verifPseudo(pseudo) {
if(pseudo != »)
{
if(pseudo.length<2)
writediv('‘+pseudo+’ :
ce pseudo est trop court‘);
else if(pseudo.length>10)
writediv(‘‘+pseudo+’ :
ce pseudo est trop long‘);
else if(texte =
file(‘http://localhost/IHM-B2_exemples_php/
verifpseudo.php?pseudo=’+escape(pseudo)))
{
if(texte == 1)
writediv(‘‘+pseudo+’ :
ce pseudo est deja pris‘);
else if(texte == 2)
writediv(‘‘+pseudo+’ :
ce pseudo est libre‘);
else
writediv( »);
}
}
} // fin fonction verifPseudo()
function file(fichier) {
if(window.XMLHttpRequest) // browser FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject(« Microsoft.XMLHTTP »);
else return(false);
xhr_object.open(« GET », fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}