Voici mon questionnement, après de longues recherches sur la Toile. Je souhaiterais en fait créer un formulaire de recherche avec Ajax. Voici son fonctionnement :
J’aimerai donc que lorsque l’on entre du texte dans le champ recherche (dans l’input où c’est maqué compta), la recherche s’actualise automatiquement en bas, que le chiffre du nombre de résultat s’actualise et que le texte « Résultats pour ... » également. Le seul problème, je n’arrive pas à trouver comment le faire avec Ajax. Je sais utiliser la fonction $(#id).val(), pour récupérer la valeur, mais après comment faire pour faire correspondre avec la fonction $(#id).html() pour modifier le contenu de la recherche, alors que ce sont pleins de petites boîtes (carrés blancs, formant une liste)... ?
J'ai l'impression que tu est sur un projet professionnel, vu le visuel que tu montre.
je vais donc adapter ma réponse,
si ça avait été pour un tuto, j'aurai proposé quelque chose de plus simple,
type concaténation de chaines de caractères.
La meilleure façon de faire, c'est de générer le html, via des templates, coté client en javascript.
Il existe pour ça des moteurs de templates. Personnellement j'utilise Handlebars, mais il y a aussi mustache et pleins d'autres.
Le principe général, c'est que tu va écrire ton html, avec en plus des balises non html, pour tes variables et tes structures de contrôles, type if ( qui utilisent des caractères spéciaux (@{{ id }} ce genre de choses). Le moteur va suivre tes instructions et générer le html lorsque tu le lui demandera dans ton js, tu n'aura plus qu'a dumper le html dans ta div, et le tour sera joué.
Mais du coup, je me suis un peu plus renseigné sur la méthode que tu développes. Mais est-il possible d’effectuer ces template avec une table SQL, soit que lorsque l’on entre une lettre dans l’input, les résultats s’actualisent en fonction de ma table SQL, et non d’un fichier HTML fixe... ?
Merci de ton aide
- Edité par LoulouGrange 15 décembre 2018 à 10:43:33
ça dépend si tu utilise jquery ou pas après, tu peut faire ça beaucoup plus simplement avec $.ajax
Il faut aussi que du déclenche cette requête lorsque l'utilisateur à fini de taper dans le champs de recherche / clique sur le bouton submit / presse la touche enter
Dans le jsfiddle, j'envoie le texte du champs de recherche, mais les données ne sont pas filtrées réellement, c'est au serveur de prendre en compte la recherche et de te renvoyer les bons résultats
- Edité par lk77 15 décembre 2018 à 13:28:37
Formulaire de recherche avec Ajax
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Je suis là ;)
Je suis là ;)