Libérer les connaissances

Un moteur de recherche pour site avec propositions instantannées

Categories:
  • JQuery
  • moteur de recherche
  • autocompletation
Tags:

Voici un moteur de recherche qui effectue une requête dans la base de donnée et propose en direct (par le biais de JQuery) une ébauche de résultat pour ensuite afficher une page plus complète si nécessaire.

AutoCompletation JQuery Resultat Recherche


L’archive du projet contient 3 fichiers :

Moteur_de_recherche


Détail de l’autocompletation :
Dans le fichier ACSearch.php:
  1. On se connecte à la base de donnée.
  2. On effectue la recherche dans un cadre limité pour éviter un trop grand nombre de propositions sur une proposition qui doit être rapide.
  3. Dans cet exemple, nous prenons uniquement les titres qui commencent par la recherche, cela limite considérablement les réponses inutiles. Vous devez adapter la recherche pour les tables et les colonnes que vous souhaitez rechercher, pour cela vous pouvez effectuer plusieurs requêtes à destination du serveur, mais il ne faut pas que cela soit trop longs pour éviter que l’utilisateur rentre sur la page de recherche avant même toutes propositions.
  4. Pour finir il faut impérativement penser à la conversion json, les données envoyées à JQuery sont stockées dans une liste.

Détail de la recherche :

Maintenant que l’utilisateur a été redirigé vers la page recherche.php (avec l’aide l’autocompletation ou non)

On va dans un premier temps trier les personnes qui ont trouvé par l’autocompletation et donc qui on déjà un résultat valide (avec la page qu’il souhaite voir):

On re-effectue une requête avec ce que nous a envoyé l’utilisateur:


Et pour finir, CE TRAVAIL EST LOIN D’ÊTRE PARFAIT

Bref merci pour votre attention pour ce 1er article !!!


Licence Creative Commons
Un moteur de recherche pour site avec propositions instantannées de Clément Cachinho est mis à disposition selon les termes de la licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International.
Fondé(e) sur une œuvre à https://blog.noknow.ovh/article/moteur-de-recherche-autocompletation.