PHP AJAX
AJAX est utilisé pour créer des applications plus interactives.
Exemple PHP AJAX
L’exemple suivant montre comment une page Web peut communiquer avec un serveur Web pendant qu’un utilisateur saisit des caractères dans un champ de saisie :
Exemple
Commencez à saisir un nom dans le champ de saisie ci-dessous :
Suggestions:
Prénom:
Exemple expliqué
Dans l’exemple ci-dessus, lorsqu’un utilisateur saisit un caractère dans le champ de saisie, une fonction appelée showHint() est exécuté.
La fonction est déclenchée par le onkeyup événement.
Voici le code :
Exemple
Commencez à saisir un nom dans le champ de saisie ci-dessous :
Suggestions:
Prénom :
Essayez-le vous-même »
Explication du code :
Tout d’abord, vérifiez si le champ de saisie est vide (str.length == 0). Si c’est le cas, effacez le contenu de l’espace réservé txtHint et quittez la fonction.
Toutefois, si le champ de saisie n’est pas vide, procédez comme suit :
- Créer un objet XMLHttpRequest
- Créer la fonction à exécuter lorsque la réponse du serveur est prête
- Envoyez la requête vers un fichier PHP (gethint.php) sur le serveur
- Notez que le paramètre q est ajouté gethint.php?q= »+str
- La variable str contient le contenu du champ de saisie
Le fichier PHP – « gethint.php »
Le fichier PHP vérifie un tableau de noms et renvoie le(s) nom(s) correspondant(s) au navigateur :
// Tableau avec des noms
$a[] = « Anne » ;
$a[] = « Bretagne » ;
$a[] = « Cendrillon » ;
$a[] = « Diane » ;
$a[] = « Eva » ;
$a[] = « Fiona » ;
$a[] = « Gunda » ;
$a[] = « Hégé » ;
$a[] = « Inga » ;
$a[] = « Johanne » ;
$a[] = « Chaton » ;
$a[] = « Linda » ;
$a[] = « Nina » ;
$a[] = « Ophélie » ;
$a[] = « Pétunia » ;
$a[] = « Amandine » ;
$a[] = « Raquel » ;
$a[] = « Cindy » ;
$a[] = « Doris » ;
$a[] = « Ève » ;
$a[] = « Evita » ;
$a[] = « Sunniva » ;
$a[] = « Tove » ;
$a[] = « Unnie » ;
$a[] = « Violette » ;
$a[] = « Liza » ;
$a[] = « Elisabeth » ;
$a[] = « Ellen » ;
$a[] = « Wenche » ;
$a[] = « Vicky » ;
// récupère le paramètre q de l’URL
$q = $_REQUEST[« q »];
$indice = « » ;
// recherche tous les indices du tableau si $q est différent de « »
si ($q !== « ») {
$q = strtolow($q);
$len=strlen($q);
foreach($a comme $nom) {
if (strstr($q, substr($name, 0, $len))) {
si ($indice === « ») {
$indice = $nom ;
} autre {
$indice .= « , $nom » ;
}
}
}
}
// Afficher « aucune suggestion » si aucun indice n’a été trouvé ou afficher des valeurs correctes
echo $indice === « » ? « pas de suggestion » : $indice ;
?>
#PHP #AJAX
