Dans ce tuto AJAX en vidéo, nous verrons comment réaliser un système d'auto suggestion en AJAX.
Nous créerons un formulaire de recherche, puis nous verrons comment mettre en place une suggestion de liste de mots récupérés en base de données en fonction de ce que l'utilisateur aura tapé dans la barre de recherche. Par exemple, si l'utilisateur tape les lettres "tu" dans le champs de recherche, nous lui afficherons tous les mots commençants par "tu" et qui se trouvent dans notre base de données.
Bon tuto !
Jetez un oeil à ces autres tuto Ajax
Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…
Formulaire de contact ajax
Dans ce tuto AJAX en vidéo, vous réaliserez un formulaire…
Message à la Twitter en AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à réaliser un…
Détecter les requêtes AJAX…
Dans ce tuto Ajax en vidéo, vous apprendrez à détecter en…
Administration en AJAX et…
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer…
Formulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…
Espace membre en AJAX
Dans ce tuto Ajax en vidéo, nous verrons comment réaliser…
Notification instantanée
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Ajax de 17 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Témoignage des clients de simpledev
![]()
Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site
![]()
Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !
![]()
Bref j'ai pas besoin de préciser très bon formateur :)
![]()
Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.
![]()
Quoi dire d'autre ? merci pour tout ;).
Lire les autres témoignages
D'autres tuto de simpledev
Créez votre propre système de todo list !
Dans ce tuto Ajax en vidéo, nous réaliserons un système de todo-list (gestion de tâches)…
Créer une FAQ
Dans ce tuto jQuery en vidéo, nous créerons une FAQ (foire aux questions) de démo,…
CSS 3 : Styliser un bouton d'envoi
Dans de tuto CSS 3 en vidéo, nous verrons comment styliser un bouton d'envoi (submit)…
CSS 3 : Effet slide sur une image
Dans ce tuto CSS3 en vidéo, nous verrons comment créer un effet de slide sur une image…
Ce tuto n’a pas encore reçu de vote
Les avis / Questions des utilisateurs (1)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Ajax d’une durée de 17 minutes a été acheté 51 fois.
Ce tuto a été publié le 31 mars 2011 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Ajax Formulaire.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.











(a acheté ce tuto - 24 août 2011)
" Bonjour,
J'ai suivie votre tutoriel qui marche vraiment bien, et j'aimerais le modifier afin d'afficher la définition des mots sur la même page.
J'ai donc créer une div que je cache au chargement de ma page et lorsqu'un utilisateur tape quelque chose dans l'input et sélectionne un mot je réa fiche cet div sur le clic.
Cet div contient en fait le fichier result.php, mon problème c'est que l'affichage de la définition dure 1/2 seconde à cause du href qu'on fait des suggest.php qui 'rafraichie ma page" comment pourrais je faire pour palier a ce problème ?
Merci d'avance et bonne journée.
"