La funzionalità di "live search" su una pagina Web utilizza Ajax per inviare una query a PHP per visualizzare le possibilità di ricerca. Potete utilizzare la vostra pagina di elaborazione di PHP per la ricerca e impostare il trigger da eseguire quando l'utente preme un tasto nella casella di testo Cerca. Ajax è un linguaggio asincrono, quindi non è necessario aggiornare la pagina ogni volta che l'utente preme un tasto per un risultato di ricerca.

Istruzioni

1

Aprite il vostro editor preferito di JavaScript, Ajax o HTML. Aprire la pagina Web che contiene la casella di testo Cerca.

2

Creare la funzione di ricerca Ajax che punta alla tua pagina di elaborazione di PHP:

funzione find(str)
{
Ricerca = new XMLHttpRequest ();
search.Open("Get","Livesearch.php?q="+Str,true);
search.Send();
}

3

Collegare la casella di testo di input per la tua ricerca per la funzione "ricerca" creata in JavaScript. Il codice seguente è un esempio di una casella di testo collegata alla funzione "trova":

< input type = "text" size = "30" onkeyup="find(this.value)" / >

I trigger di funzione solo quando l'utente preme un tasto. I tasti premuti vengono passati alla funzione.

4

Creare un "div" contenga per visualizzare i risultati:

< div id = "livesearch" >< / div >