Buongiorno, sono un nuovo utente di questo forum e colgo l'occasione per porgere un saluto agli iscritti.
Sto provando a realizzare sito internet usando JSP e Html e mi ritrovo a non saper superare il seguente problema. Vorrei realizzare una TextBox che mi consenta di inserire i primi caratteri di una stringa e che, tramite chiamata Ajax, acceda al Database (MySQL) e visualizzi dinamicamente le prime "n" righe che la query restituisce. Di fatto, ogni carattere che digito viene inviato al server che, mediante apposita Query, fornisce risposte che completano il testo già digitato (se trovate). Il codice Ajax che in atto ho scritto, è il seguente :
Di fatto, nella textBox il cui id è "luogo" riesco a digitare i caratteri che la funzione Keyup passa alla pagina "registraUtente_2.Jsp" e da quest'ultima ottengo le righe di risposta (nel mio caso imposto il limit=10). La risposta in atto mi viene fornita sulla textbox "result" e riesco a visualizzarli sulla pagina correttamente. Il problema è che vorrei che invece fossero visualizzati nella textBox "luogo" (o in altra adiacente come al momento faccio) e che, soprattutto, fosse possibile selezionarli come avviene nelle select. Nel ringraziare per l'attenzione, spero che qualcuno possa indirizzarmi su una possibile soluzione.
Sto provando a realizzare sito internet usando JSP e Html e mi ritrovo a non saper superare il seguente problema. Vorrei realizzare una TextBox che mi consenta di inserire i primi caratteri di una stringa e che, tramite chiamata Ajax, acceda al Database (MySQL) e visualizzi dinamicamente le prime "n" righe che la query restituisce. Di fatto, ogni carattere che digito viene inviato al server che, mediante apposita Query, fornisce risposte che completano il testo già digitato (se trovate). Il codice Ajax che in atto ho scritto, è il seguente :
Codice:
<script type="text/javascript">
$('#luogo').keyup(function(){
//getting typed value
var cercaComune=$(this).val();
if(cercaComune!='')
{
$.ajax({
type:"GET",
url:"registraUtente_2.jsp",
//passing value
data:{comune:cercaComune}, // trasmetto la coppia "comune:cercaComune"
success : function (data) {
$("#result").html(data);
console.log("i dati trasmessi sono : " + data);
}
});
}
});
</script>
Ultima modifica: