Während XMLHttpRequest läuft loading gif anzeigen?

[general_xxx]

Hallo,

ich arbeite ich zur Zeit gerade mit javascript ein und bin so ein bisschen am basteln.
Ich hab jetzt 'XMLHttpRequest' entdeckt und damit auch schon einige Sachen auf meiner Seite umgesetzt. Da die Laufzeit des php-scripts, welches mit dieser funktion aufgerufen wird schon mal 2-3sek. dauert, wäre es schön, wenn es möglich wäre, während dieser Laufzeit ein "ajax loading gif" anzuzeigen. (Also sowas: Ajaxload - Ajax loading gif generator)

Ist sowas realisierbar?

Wie kann man sowas denn umsetzen?

Lg

Marek

 

[FoXMorayn]

der request besitzt einen status, den man readystate nennt.
mit onreadystatechange kann man eine funktion ausführen, wenn sich dieser ändert.
das funktioniert völlig automatisch, keine schleife, kein setTimeout.

die verschiedenen status kann man z.b. hier nachlesen:
AJAX XMLHttpRequest Object

so sieht so eine zuweisung aus. die funktion getPreview wird immer dann ausgeführt, wenn sich der status ändert.

http_request.onreadystatechange = getPreview;

vorsicht, readyState ist nicht der http status, diesen fragt man mit status ab.

in diesem script habe ich einen kompletten http request, der die wartezeit mit einem lade gif überbrückt:
http://www.fun-fox.de/forum.js

ausprobieren kann man das script, wenn man auf dieser seite den vorschaubutton betätigt:
fun-fox.de

(ja ajax, damit ich einen php algorithmus nicht in javascript neu formulieren muss^^)

 

[general_xxx]

Hey,

danke für deine präzise und kompetente Antwort.

Gleich mit Beispiel und erklärung, super!!!

thx