ASP AJAX
AJAX est utilisé pour créer des applications plus interactives.
Exemple d’ASP AJAX
L’exemple suivant montre comment une page Web peut communiquer avec un serveur Web pendant qu’un utilisateur tape 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 demande vers un fichier ASP (gethint.asp) sur le serveur
- Notez que le paramètre q est ajouté gethint.asp?q= »+str
- La variable str contient le contenu du champ de saisie
Le fichier ASP – « gethint.asp »
Le fichier ASP vérifie un tableau de noms et renvoie le ou les noms correspondants au navigateur :
< %
réponse.expire=-1
faible un(30)
‘Remplit le tableau avec les noms
a(1)= »Anna »
a(2)= »Bretagne »
a(3)= »Cendrillon »
a(4)= »Diane »
a(5)= »Eva »
a(6)= »Fiona »
a(7)= »Gunda »
a(8)= »Hégé »
a(9)= »Inga »
a(10)= »Johanne »
a(11)= »Chaton »
a(12)= »Linda »
a(13)= »Nina »
a(14)= »Ophélie »
a(15)= »Pétunia »
a(16)= »Amanda »
a(17)= »Raquel »
a(18)= »Cindy »
a(19)= »Doris »
a(20)= »Ève »
a(21)= »Evita »
a(22)= »Sunniva »
a(23)= »Tove »
a(24)= »Unni »
a(25)= »Violette »
a(26)= »Liza »
a(27)= »Elisabeth »
a(28)= »Ellen »
a(29)= »Wenche »
a(30)= »Vicky »
‘obtenir le paramètre q de l’URL
q=ucase(request.querystring(« q »))
‘recherche tous les conseils du tableau si la longueur de q> 0
si len(q)>0 alors
indice= » »
pour i=1 à 30
si q=ucase(mid(a(i),1,len(q))) alors
si indice= » » alors
indice=un(je)
autre
indice=indice & » , » & a(i)
fin si
fin si
suivant
fin si
‘Sortie « aucune suggestion » si aucun indice n’a été trouvé
‘ou afficher les valeurs correctes
si indice= » » alors
réponse.write(« pas de suggestion »)
autre
réponse.écrire (indice)
fin si
%>
#ASP #AJAX