UNIVERSITE DE YAOUNDE I UNIVERSITY OF YAOUNDE I

FACULTE DES SCIENCES FACULTY OF SCIENCES

*************** ***************
DEPARTEMENT D’INFORMATIQUE DIVISION OF COMPUTER SCIENCE
FILIERE ICT4D - NIVEAU 3 ICT4D BRANCH - LEVEL 3
Année académique 2018~2019

ICT305 – WEB APPLICATION DEVELOPMENT

Fiche de TD n°4

I) Présentation de la classe XMLHttpRequest

Questions de cours
Répondez de manière concise et précise.

1) Que signifie Ajax (cigle et définition) ?

2) Quels sont les différents formats de données utilisables dans les échanges Ajax ?
3) A quoi sert la classe XMLHttpRequest ?
4) Quelles précautions doit prendre un développeur afin d’instancier correctement un objet
de la classe XMLHttpRequest ?
5) A quoi sert la propriété onreadystatechange ?
6) A quoi sert la propriété readyState ? Quelles sont les différentes valeurs que peut
prendre cette propriété et leurs significations ?
7) Pour chaque type de format de données utilisé dans les échanges, indiquez la propriété
de la classe XMLHttpRequest à utiliser.
8) A quoi servent les méthodes open() et send() ?

II) Mise en œuvre des requêtes Ajax

Exercice 1
Soit le bout de code suivant :

<input type="text" size="100" id="motcle"/>

<button onclik="rechercher();"> Rechercher </button>

Créer un script PHP contenant dans un tableau une liste de mots. Puis, en vous servant des
fonctions Ajax vues en cours, implémenter la fonction rechercher() pour quelle interroge le
script PHP et affiche un message d’alerte indiquant si oui ou non le mot clé saisi se trouve dans le
tableau.

1/2
Chapitre 5 : Exécution de requêtes asynchrones avec Ajax Njine Chuangueu
 Exercice 2
Soit le bout de code suivant :

<input type="text" size="100" id="motcle"/>

<button onclik="rechercher();"> Rechercher </button>
<fieldset>
<ul> </ul>
</fieldset>

Les connaissances que vous avez acquises vous permettent de manipuler l’arbre DOM d’un
document HTML. Cette fois ci, modifier le script PHP pour qu’il renvoi une liste de mots et
modifier la fonction rechercher() pour qu’elle peuple la liste non numéroté avec les mots
reçus

Exercice 3
Cette fois ci, votre script PHP contient une liste de facultés avec pour chaque faculté, la liste des
filières ou départements par faculté. Lorsque le nom d’une faculté est soumis au script, celui-ci
renvoi la liste des départements de cette faculté sous forme de fichier xml. Vous pouvez modifier
votre fichier HTML pour remplisse la liste des départements, non pas dans une liste (<ul>) mais
dans une liste déroulante (<select>).

2/2
Chapitre 5 : Exécution de requêtes asynchrones avec Ajax Njine Chuangueu