So rufen Sie die Rückruffunktion in jquery auf

Beim Schreiben von jQuery-Code sind Rückruffunktionen eine sehr häufige Programmiermethode. Die Rückruffunktion wird unter bestimmten Bedingungen automatisch aufgerufen. Diese Methode eignet sich sehr gut für die Verarbeitung asynchroner Anforderungen und Ereignisantworten. In diesem Artikel werden wir im Detail untersuchen, wie jQuery-Rückruffunktionen aufgerufen werden.

1. Was ist eine Rückruffunktion?

Die Rückruffunktion bezieht sich auf eine Funktion, die an eine andere Funktion (d. h. die übergeordnete Funktion) übergeben wird. Die übergebene Funktion kann synchron oder asynchron ausgeführt werden.

In JavaScript werden Rückruffunktionen häufig in Szenarien wie asynchronen Anforderungen und Ereignisverarbeitung verwendet. Wenn das Ereignis oder der asynchrone Aufruf abgeschlossen ist, wird das Ergebnis über die Rückruffunktion an den Benutzer zurückgegeben.

2. Grundlegende Verwendung der jQuery-Rückruffunktion

In jQuery kann die Rückruffunktion als Parameter an verschiedene Methoden übergeben werden. Wenn wir beispielsweise jQuery verwenden, um eine Ajax-Anfrage zu initiieren, können wir die Rückruffunktion als Parameter an die Anfrage übergeben. Wenn die Anfrage abgeschlossen ist, wird die Rückruffunktion automatisch aufgerufen.

Das Folgende ist beispielsweise ein einfaches $.get()-Anforderungsbeispiel, anhand dessen Sie deutlich erkennen können, dass die Rückruffunktion als Parameter an die $.get-Methode übergeben wird.

$.get('http://url.com', function(data) {
    console.log(data);
});

Wenn im obigen Beispiel die $.get-Anfrage abgeschlossen ist, wird die Rückruffunktion der Anfrage aufgerufen und die erhaltenen Daten werden als Parameter an die Rückruffunktion übergeben.

3. Verwenden Sie verzögerte Objekte, um Rückruffunktionen zu implementieren.

Neben einfachen Rückruffunktionsdefinitionen bietet jQuery auch ein leistungsstarkes Tool, das verzögerte Objekt, mit dem asynchrone Anforderungen und Rückruffunktionen einfacher verarbeitet werden können.

Wir betrachten das Deferred-Objekt von jQuery als eine Schicht zur Kapselung von Rückruffunktionen, um eine flexiblere Steuerung und eine größere Skalierbarkeit zu erreichen. Das Folgende ist ein einfaches Beispiel für ein verzögertes Objekt:

var deferred = $.Deferred();

$.get('http://url.com').done(function(data) {
    deferred.resolve(data);
}).fail(function() {
    deferred.reject();
});

deferred.promise().done(function(data) {
    console.log(data);
});

Im obigen Beispiel wird zuerst ein verzögertes Objekt erstellt und dann werden zwei Rückruffunktionen, done (Erfolg) und fail (Fehler), bei diesem Objekt registriert.

Wenn die Anfrage erfolgreich ist, verwenden Sie die Funktion „resolve()“, um das Ergebnis an das zurückgestellte Objekt zurückzugeben. Wenn dies fehlschlägt, rufen Sie die Funktion „reject()“ auf.

Abschließend erhalten Sie das Versprechensobjekt der Ajax-Anforderung über die Funktion Promise() und geben das Ergebnis über die Funktion done() an den Benutzer zurück.

Zusätzlich zu done() und fail() bietet Jquery einige weitere Callback-Funktionen für Promise-Objekte:

• always (Callbacks): Fügen Sie eine js-Callback-Funktion hinzu, die unabhängig davon ausgeführt wird, ob das Deferred-Objekt erfolgreich ist oder fehlschlägt.
• catch(callbacks): Fügen Sie eine js-Callback-Funktion hinzu, die aufgerufen wird, wenn ein verzögertes Objekt abgelehnt wird.
• then(callbacks, [callbacks], [callbacks]): Fügen Sie einen oder mehrere Callbacks zum aktuellen Objekt hinzu. Diese Callbacks werden in den Resolver()- und Reject()-Callbacks von Deferred aufgerufen.

Das Obige ist der entscheidende Punkt. Denken Sie daran, die Codierungsmethoden flexibel zu verwenden und mit bestimmten Szenen zu kombinieren.

4. Eine andere Möglichkeit, die Rückruffunktion aufzurufen – Ereignis

Eine andere Möglichkeit, die Rückruffunktion aufzurufen, ist über ein Ereignis. Wir können das Ereignis manuell im Code auslösen und die Rückruffunktion als Ereignishandler an das Ereignis übergeben.

Das Folgende ist beispielsweise ein einfaches Beispiel für ein Klickereignis:

$('button').on('click', function() {
    console.log('Button was clicked!');
});

Wenn der Benutzer im obigen Beispiel auf die Schaltfläche klickt, wird das Klickereignis ausgelöst und die Rückruffunktion des Ereignisses gibt eine Meldung über die Schaltfläche aus wurde angeklickt.

5. Zusammenfassung

Callback-Funktionen und -Ereignisse sind in jQuery sehr verbreitete Programmiermethoden und werden häufig im Code verwendet. Die Rückruffunktion kann durch Übergabe von Parametern, verzögerten Objekten und Ereignissen aufgerufen werden und zeichnet sich durch hohe Flexibilität und starke Skalierbarkeit aus.

Beim Schreiben von jQuery-Code kann das Verständnis der grundlegenden Verwendung von Rückruffunktionen und der Verwendung verzögerter Objekte unsere Programmiereffizienz und Codequalität verbessern.

Das obige ist der detaillierte Inhalt vonSo rufen Sie die Rückruffunktion in jquery auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!