TUTORIEL AJAX - Paramètres en mode GET

Description

Un clic sur le bouton va appeler un service WEB en lui transmettant sa valeur comme paramètre

La requête, une fois complétée, contient une réponse de type texte qui sera affichée dans la balise résultat.

Le code javascript
function go(param) {
   var xhr = getXhr();
   xhr.onreadystatechange = function(){
     if(xhr.readyState == 4 && xhr.status == 200){
       document.getElementById("here").innerHTML=xhr.responseText;
     }
   }
// =========> LES PARAMETRES SONT ENVOYES A LA SUITE DE L'URL   
   xhr.open("GET","serveurs/s1.php?abo="+param,true);
   xhr.send(null);
}
Fonctionnement


Le service WEB
Ce module écrit en PHP récupère le paramètre depuis la superglobale $_GET["abo"].
Il renvoie comme résultat (un texte contenant des balises HTML)
/* module serveur pour la formation AJAX */
// en entrée dans le $_GET, un paramètre "abo" qui vaut "oui" ou "non"
// selon la réponse, on envoie un texte formaté
$parm=$_GET["abo"]; // on considère que ce texte existe 
if ("oui" == $parm) {
	$rep="<b>Bravo</b> et merci pour votre fidélité";
} else {
	$rep="<b>Alors !</b> Qu'attendez-vous pour vous abonner et 
	<b>profiter des avantages</b> réservés à nos fidèles clients ?";}
echo $rep;


Ce texte sera remplacé par la réponse de la requête