Enseignement > Web dynamique > TP n°8 - AJAX  

"Autocompletion" en AJAX

L'autocompletion est une technique permettant de proposer une liste de choix en dessous d'une zone de saisie. Chaque fois que l'internaute tape un caractère dans la zone de saisie, une requete AJAX est effectuée sur le serveur qui effectue une sélection sur une table à partir des caractères saisis.
Les premiers résultats sont renvoyés (aussi en AJAX) au navigateur qui les affiche en dessous de la zone de saisie.
L'exemple caractéristique est la zone de saisie de Google qui effectue des propositions au fur et à mesure de la frappe.

Dans cet exercice, nous allons effectuer une autocompletion sur un champ permettant de saisir le nom d'une commune.
Pour cela, télécharger le fichier des communes.
Créer à partir de ce fichier CSV une table "communes" dans une base de données MySQL

Créer ensuite une page WEB permettant de saisir le nom d'une commune. A chaque caractère tapé, une requête AJAX devra être envoyée et proposera des noms de communes commençant par les lettres tapées.