Heim  >  Artikel  >  Web-Frontend  >  Einführung in die Verwendung der beforeSend-Methode von jquery.ajax_jquery

Einführung in die Verwendung der beforeSend-Methode von jquery.ajax_jquery

WBOY
WBOYOriginal
2016-05-16 16:28:291688Durchsuche

Ein häufiger Effekt ist, dass bei einer Ajax-Anfrage vor der Rückkehr ein kleines rotierendes Ladesymbol oder „Inhalt wird geladen...“ erscheint, um den Benutzer darüber zu informieren, dass Daten angefordert werden. Dies kann mit der Methode beforeSend erreicht werden.

Demo herunterladen: Ajax-Laden

Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

Funktion test_ajax(){
$.ajax(
{
Typ: „GET“, // Normalerweise werden zwei Typen verwendet: GET und POST. Der Standardwert ist: GET
URL: „a.php“, // (Standard: aktuelle Seitenadresse) Die Adresse zum Senden der Anfrage
DataType: „html“, //Der Datentyp, der voraussichtlich vom Server zurückgegeben wird.
​​beforeSend:beforeSend, //Anfrage senden
Success:callback, //Anfrage erfolgreich
​​error:error,//Anfragefehler
       complete:complete//Anfrage abgeschlossen
});
}
Funktionsfehler(XMLHttpRequest, textStatus, errorThrown){
// Normalerweise hat nur einer von textStatus und errorThown einen Wert
$("#showResult").append("
Anfragefehler!
");
}
Funktion beforeSend(XMLHttpRequest){
$("#showResult").append("
");
}
Funktion abgeschlossen(XMLHttpRequest, textStatus){
$("#showResult").remove();
}
Funktionsrückruf (Nachricht){
$("#showResult").append("
Anfrage erfolgreich, Zahl zurückgegeben:" msg "
");
}

Die Methode beforeSend wird verwendet, um einige Verarbeitungsfunktionen hinzuzufügen, bevor die Anfrage an den Server gesendet wird. Dies ist ein Ajax-Ereignis, das vor dem Start der Ajax-Anfrage ausgelöst wird. Es ermöglicht dem Benutzer normalerweise, das XMLHttpRequest-Objekt zu ändern (z. B. das Festlegen zusätzlicher Header-Informationen). Eine Erläuterung des Ajax-Ereignisses finden Sie in der Dokumentation: http://docs.jquery.com/Ajax_Events

Wir haben auch eine Situation gesehen, in der viele Websites während des Ladevorgangs von Inhalten die Aufforderung „Daten werden geladen, bitte warten“ ausgeben und den Inhalt nach dem Laden des Inhalts anzeigen. Sie können den Standardtext festlegen, der als Ladeaufforderung angezeigt wird. Wenn der Inhalt geladen ist, können wir den Text im Tag über die ID-Auswahl durch den endgültigen Inhalt ersetzen. Verwenden Sie dies, um beforeSend zu ersetzen, was effizienter ist.

Wann beforeSend und wann die Textersetzung verwendet werden soll, hängt davon ab, ob die DOM-Elemente, die Sie vor und nach der Ajax-Anfrage anzeigen, konsistent sind. Wenn die DOM-Elemente, die Sie anzeigen, bereits vor der Anfrage vorhanden sind, verwenden Sie die oben genannte Textersetzungsmethode Behandeln Sie es besser. Wenn Sie zusätzlich andere Anforderungen hinzufügen müssen, verwenden Sie beforeSend, um damit umzugehen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn