Methode 1: Verwenden Sie die AjaxStart Methode um zu definieren, eine globale "laden..." "Tipps
$ (Funktion () {}
$ ("#Loading"). Ajaxstart (Funktion () {}
$ (This). html. ("≪ Img Src =" /jqueryStu/images/loading.gif "/ >");
});
$ ("#Loading"). Ajaxsuccess (Funktion () {}
$ (This). html. ("");
$ (This). leer (); Oder direkt zu löschen.
});
});
≪ Div-Id = "Loading"
Achtung:
Alle Ajax-Commits auslösen die AjaxStart Veranstaltung, die in definiert wird Ihre
≪ Div-Id = "Loading"
Die Position wird in Last angezeigt... "Symbol (natürlich können Sie auch Text definieren, aber eine geladene Bild sieht besser aus);
---Aber achten Sie darauf, definieren Sie das Ajaxsuccess-Ereignis zur gleichen Zeit, und das Symbol zu verstecken, nachdem die AJAX-Vorlage erfolgreich ist...
Spezielle Tipps:
Wenn ein AjaxStart oder AjaxSuccess-Ereignis, das Äquivalent zur Definition einer Globalanzeige "im Laden... "Lage, alle Ajax senden Zeit" in der Last... "Immer an einem Ort... erscheint
Methode 2: Definieren Sie jeden Ort in der Ajax-Methode, die im Laden erscheint... "Tipps
$ ('#Ajax_test2'). Klick (Funktion () {}
$.Ajax ({}
URL---URL-Pfad, je nachdem, was Sie brauchen,
Typ: 'Post',
Daten: "Name = ZXCVB ',
Timeout:15000,
BeforeSend:function (XMLHttpRequest) {}
Alert ("Remote-Aufruf beginnt...");
$ ("#Loading"). html ("≪ Img Src =" /jqueryStu/images/loading.gif "/ >");
},
Erfolg: Funktion (Data, TextStatus) {}
Alert ("Start-Rückruf, Status-Text-Wert:"+ TextStatus +"gibt Daten zurück:" + Daten);
$ ("#Loading"). leer ();
},
Komplett: Funktion (XMLHttpRequest, TextStatus) {}
Alert (' Remoteaufruf ist es gelungen, Zustandswert Text: "+ TextStatus);
$ ("#Loading"). leer ();
},
Fehler: Funktion (XMLHttpRequest, TextStatus, ErrorThrown) {}
Alert (' Fehler... Status-Text-Wert: "+ TextStatus +" Ausnahmeinformationen: "+ ErrorThrown);
$ ("#Loading"). leer ();
}
});
});
Art. = "Button" Id = "Ajax_test2" Value = "Ajax Weg" in die
≪ Div-Id = "Loading"
Als BeforeSend ist natürlich in den "laden..." wird an der angegebenen Position angezeigt. Symbol, entfernen Sie das Symbol nach dem Fehler, voller, Erfolg...
Achtung:
Wenn eine Seite mehrere Ajax verpflichtet hat, es wird empfohlen, dass Sie die zweite Möglichkeit verwenden, da "im Laden... Symbol kann an jedem beliebigen Ort angezeigt werden, müssen Sie aktualisieren... Das ist der Vorteil davon: Freiheit...