Créer une zone de texte autosuggest avec ajax

Question

Je souhaite créer une zone de texte autosuggest avec ajax. Après avoir écrit un caractère, il retournera l'adresse email. En commençant par ces caractères de DB. Cela devrait être développé dans JSP. Quelqu'un peut-il avoir une idée?

Answer 1

Do comme suit:

en javascript:

function getValue(str){ 
    if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
url = url +"?" +str; 
xmlhttp.open("POST",url_to_get_db_data,false); 
xmlhttp.send(null); 
document.getElementById('id_of_div').innerHTML=xmlhttp.responseText; 
document.getElementById('id_of_div').style.display = "block"; 
} 

et en html:

<input onkeypress="getValue(this.value)"/> //--- this will be your input text 
<div id="id_of_div" style="display:none;"> //--- this is your autosuggest box which will appear down to textbox. Use css to show it at proper location. 
</div> 

format compatible avec votre div pour ressembler à une boîte de autosuggest. utilisez css pour y parvenir.

également lorsque l'utilisateur sélectionne une option de fonction java script d'appel boîte autosuggest qui ne suit document.getElementById('id_of_div').style.display = "none";

Modifier

à côté du serveur lorsque vous obtenez la liste de base de données procédez comme suit:

for(Iterator it=db_list.iterator();it.hasNext();) 
    { 
     Object obj = (Object) it.next(); 
     String value = obj.getValue(); 
     out.print(value+"<br>"); 
    } 

J'espère que cela vous aide.

Answer 2

Je vous recommande de regarder le autocomplete plugin livré avec l'interface utilisateur jQuery. Regardez le official demo qui illustre comment cela fonctionne.

Answer 3

Avez-vous envisagé d'intégrer l'interface utilisateur de jquery à votre application Web? L'interface utilisateur a le plugin jquery autocomplete/suggestion http://docs.jquery.com/Plugins/autocomplete

Il est ajax et tout ce que vous devez faire est de simplement fournir une liste de mots