JDN Développeurs > Client Web > Créer un moteur de recherche en Ajax

Créer un moteur de recherche en Ajax

    Formulaire

Voici comment développer le composant avec les technologies JavaScript et XmlHttpRequest. Un service Web se charge ici de gérer les requêtes, et la mise en page est supportée par des CSS.

AJAX est une technologie qui permet d'apporter une plus grande richesse dans l'interface et l'ergonomie d'un site. Si il est bon de ne pas en abuser au risque de dénaturer le document web, on peut se laisser aller à la tentation d'apporter quelques fonctionnalités intéressantes. Celle qui est proposée ici consiste à intégrer un moteur de recherche à la manière d'un Google Suggest. Sauf qu'ici il est possible d'avoir avoir un code lisible. Les concept d'Ajax ne seront pas abordés ici.

  Sommaire

Principe
Il faut réunir trois principes pour concevoir cet élément d'application.Tout d'abord nous avons besoin de Javascript et de XMLHttpRequest afin de pouvoir communiquer en arrière plan avec le serveur. Nous allons utiliser la classe XHRConnection pour nous faciliter la vie. Ensuite, il est nécessaire d'avoir un service Web qui se chargera de construire le document XML que nous parserons avec l'API DOM. Enfin afin que l'effet visuel soit efficace nous devrons utiliser les CSS.

Le moteur comprendra une zone de résultat (balise ul) qui ne contiendra pas d'élément de liste. C'est cette liste que nous construirons selon le fichier XML généré et renvoyé par le serveur. Selon que la recherche soit prolifique ou non, la zone de résultat sera cachée ou montrée.

Ce contenu a été réalisé par Thanh Nguyen sous licence Creative Commons.

JDN Développeurs le 10/04/2007

      page suivante 
Introduction | 1 | 2 | 3 | En savoir plus
 
|
Haut de page
Nos autres sites Société | Mentions légales | Contacts | Publicité | PA Emploi | Presse | Recrutement | Tous nos sites | Données personnelles
© Benchmark Group, 69/71 avenue Pierre Grenier. 92517 Boulogne Billancourt Cedex