Suggestion de recherche cache javascript

J'ai un champ de recherche dans lequel je dois implémenter une suggestion de recherche (comme google search).Suggestion de recherche cache javascript

par exemple, si je tape "abc" dans la zone de recherche, je vais obtenir des suggestions comme
abcdef
xyzabcxyz

ici chacun de ces suggestion unique représente une page jsp dont l'URL peut être "codée en dur" dans un tableau java-script. Ainsi, lorsque je clique sur une valeur suggérée, la page Web du lien correspondant s'affiche.

Pour cela, pouvez-vous me suggérer des méthodes efficaces pour l'implémenter?
Cela doit être en javascript pur, pas libs tiers comme jquery, etc., Peut être utilisé

Merci à l'avance.

Source

2011-03-03 kanap008

La grande majorité des implémentations de recherche suggestive utilisent AJAX et un script côté serveur. Pourquoi est-il important d'utiliser un JS Array codé en dur? – Shad

Souhaitez-vous utiliser AJAX ou voulez-vous créer votre tableau JS codé en dur dans php ou tel quel lors du chargement de la page? –

car dans ce cas la liste des valeurs qui seront affichées dans la liste déroulante suggérée est connue avant et ne changera jamais. – kanap008

En supposant que vos données sont dans un associative JS array similaire à ce

var locationArray = { 
    'searchValue1' : 'url1', 
    'searchValue2' : 'url2', 
     ... 
};

et votre champ de saisie de recherche a une fonction associée à onkeyup

<input type="text" onkeyup="UpdateSuggestions(this);">

le reste est simple JavaScript string functions.

Source

2011-03-03 07:20:34

Suggestion de recherche cache javascript

Répondre

Questions connexes