✔ Ajax Live Suche

[seltsammithut]

Hallo!

Ich würde gerne sowas realisieren, mit PHP und mySQL kenne ich mir recht gut aus, jedoch bei Javascript ist mein wissen am ende... jetzt wollte ich einfach mal Fragen, hat das schon mal jemand programmiert und kann mir ein paar Denkanstösse geben? Oder vielleicht gibt es schon Tutorials darüber? Habe bis jetzt nur "normale" Tutorials über AJAX gefunden.

Danke für eure Hilfe.

 

[Gumbo]

Was genau verstehst du denn unter einer Live-Suche?

 

[Radhad]

Ich bvermute mal wie bei winfuture.de die News-Suche, man tippt das Wort ein und kurz nachdem man aufgeört hat zu tippen, erscheint eine Liste mit Treffern.

 

[Bullja]

Das hier ist ein ganz gutes Tutorial: http://blog.napyfab.com/51/ajax-live-search-english-version/

 

[seltsammithut]

Das hier ist ein ganz gutes Tutorial: http://blog.napyfab.com/51/ajax-live-search-english-version/

Danke! Das habe ich gesucht, gleich mal ausprobieren und testen...

Noch eine kurze Frage, wie Serverlastig ist eine AJAX Live Suche? Wenn ich das richtig sehe, wird pro Buchstabe eine SQL Abfrage gestartet! Wäre das schlimm?

 

[Wolfsbein]

...
Noch eine kurze Frage, wie Serverlastig ist eine AJAX Live Suche? Wenn ich das richtig sehe, wird pro Buchstabe eine SQL Abfrage gestartet! Wäre das schlimm?

Kommt darauf an wie viele Zugriffe du hast. Auf jeden Fall sollte nicht nach jedem Buchstaben, sondern eher in Dreiergruppen gesucht werden.

 

[Gumbo]

Ich würde eine Verzögerung einbauen, sodass etwa erst nach einer halben Sekunde nach der letzten Eingabe die Suche gestartet wird.

 

[seltsammithut]

@Wolfsbein und Gumbo
Danke für eure Antworten!

Aber wie kann ich eure Vorschläge realisieren? Vorallem die Verzögerung? Danke für eure Tips.

 

[Wolfsbein]

Wie der Name AJAX schon sagt, bestimmst du per JS eine HTTP-Anfrage. Wann die stattfindet machst du ebenfalls mit JS. Also z.B.:

if (document.eingabeFeld.size > 2) {
...
}

Die Syntax ist bestimmt falsch, ich bin in JS nicht fitt.

 

[seltsammithut]

Wie der Name AJAX schon sagt, bestimmst du per JS eine HTTP-Anfrage. Wann die stattfindet machst du ebenfalls mit JS. Also z.B.:

if (document.eingabeFeld.size > 2) {
...
}

Die Syntax ist bestimmt falsch, ich bin in JS nicht fitt.

Cool, danke! Ich bin in JS leider auch nicht fit... kann mir da jemand die richtige Syntax geben? Danke.