- jQuery cu XML Completare automată
- jQuery cu JSON de completare automată
- jQuery Autocomplete cu o matrice
jQuery Autocomplete imagini cu terminal utilizator
Un exemplu practic de utilizare jQuery Completare automată cu imagini de pini de desene animate și descrieri.
Tastați numele de desene animate (care începe cu „W“, „S“, „P“) și selectați
Pentru acest exemplu, pentru a lucra nevoie de un simplu script jQuery:
Cea mai simplă versiune de jQuery Completare automată
Cel mai convenabil, în opinia mea, opțiunea AutoComplete - Găsirea și încărcare datele din baza de date cu myqsl! Această opțiune este specificată pe site-ul oficial al primelor exemple de jQuery.
Toate cod jQuery:
În exemplu, toate plug-dan provin solicitările în script php „sug.php“, care prividon de mai jos:
Scriptul „sug.php“ generează mesaje corecte titluri active, și returnează-l la JSON antetele format trebuie să fie specificate pentru a specifica în mod explicit tipul de întoarcere ca retreiving și codificarea acesteia. Datele returnate de script-ul „sug.php“, formează o clasă de „Sugerează“ în fișierul „suggest.class.php“ în format JSON (toate fișierele pot fi skazachat chiar sub o arhivă)
jQuery Completarea automată cu datele de încărcare ajax în format XML
Exemplul de mai sus este proiectat pentru primirea de date în format JSON, dar alte formate sunt acceptabile. EXEMPLU jQuery Autocomplete care utilizează XML.
Pentru a face acest lucru, aveți nevoie pentru a face mici modificări script-ul, care returnează un răspuns XML în script jQuery. Acest tip de Auocomplete are un dezavantaj semnificativ - o cantitate mare de date nu ar trebui să fie de ieșire prin intermediul XML și Ajax încetinește funcționarea de script-uri de pe pagina.
script jQuery ne-am schimbat, dar nu uitați să modificați script-ul PHP pe partea de server, care nu este cu mult diferit de exemplu cu formatul JSON specificat deasupra. Principiul este - trebuie să ne reîntoarcem datele într-un format specific - acum în format XML, ceea ce face clasa „suggestXml“, iar datele pot fi returnate la orice bază de date sau dintr-un fișier XML, etc.:
Exemplul jQuery Completarea automată cu rezultatul salvat în memoria cache.
Pentru a stoca date și pentru a accesa serverul de mai multe ori pentru a conserva resursele de server și de a îmbunătăți viteza de aplicații, puteți utiliza codul afișat mai jos: