Live search kode

Ajax står for: Asynchronous JavaScript And XML.

I "gamle" dage sendte man netop data til serveren, som så smagte på disse data og reloaded hele siden og viste indhold der matchede til det der blev sendt til serveren.
F.eks. en søgning, hvor man søger på: miss-g

Ajax kan netop gøre det smarte, at den kan sende data frem og tilbage mellem serveren, uden en reload er nødvendig.

Når man så får data retur, så udskifter man selv elementer i dom'en (html-koden) indsætter, sletter, skifter, opdatere etc..

En ide du kunne arbejde med, var at starte med at lave din søge form.
Når den er på plads, så kan du smide noget ajax på.

Det kan "nemt" laves med jquery:
https://api.jquery.com/jquery.post/
Og jeg ville så nok smide følgende plugin ovenpå:
http://benalman.com/projects/jquery-throttle-debounce-plugin/

Det gør, at har du en hurtig på keyboard tasterne og vedkommende søger på:

miss-g, så skyder den ikke en søgning af med:
søgning 1: m
søgning 2: mi
søgning 3: mis
søgning 4: miss
søgning 5: miss-
søgning 6: miss-g

Altså sikrer den, er der er lidt forsinkelse inden en søgning skydes af.

Tak for svar - det er dog lidt for diffust for mig, jeg kan som sagt ikke programmere.

Men du siger, at jeg skal kigge efter en søgefunktion i jquery med ajax.

Jeg prøver at lede derude....

Vi er ude i noget ala dette: https://jsfiddle.net/wnxsL8nb/

I stedet for så at lave:
$("#output").text("Searching for: " + $(this).val());

Så skal den selvfølgelig ramme noget "server-kode" så den kan få et svar retur.
Det vil være nemmest at lave i noget json.

Jeg har fundet en brugbar løsning her: https://www.sourcecodester.com/tutorials/php/11576/how-create-simple-search-mysql-table-using-php-mysqli-and-ajax.html

Koden er nok ikke "sikker", men jeg bruger den i et admin område, så tænker der er god nok til mig.

LØST!