Comment appeler la fonction de rappel dans jquery

Lors de l'écriture de code jQuery, les fonctions de rappel sont une méthode de programmation très courante. La fonction de rappel est automatiquement appelée dans des conditions spécifiques. Cette méthode est très adaptée au traitement des requêtes asynchrones et des réponses aux événements. Dans cet article, nous explorerons en détail comment appeler les fonctions de rappel jQuery.

1. Qu'est-ce qu'une fonction de rappel ?

La fonction de rappel fait référence à une fonction qui est transmise à une autre fonction (c'est-à-dire la fonction parent). La fonction transmise peut être exécutée de manière synchrone ou asynchrone.

En JavaScript, les fonctions de rappel sont souvent utilisées dans des scénarios tels que les requêtes asynchrones et le traitement d'événements. Lorsque l'événement ou l'appel asynchrone est terminé, le résultat est renvoyé à l'utilisateur via la fonction de rappel.

2. Utilisation de base de la fonction de rappel de jQuery

Dans jQuery, la fonction de rappel peut être passée en paramètre à différentes méthodes. Par exemple, lorsque nous utilisons jQuery pour lancer une requête Ajax, nous pouvons passer la fonction de rappel en paramètre à la requête. Lorsque la requête est terminée, la fonction de rappel sera automatiquement appelée.

Par exemple, ce qui suit est un exemple simple de requête $.get(), à travers lequel vous pouvez clairement voir que la fonction de rappel est passée en paramètre à la méthode $.get.

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

Dans l'exemple ci-dessus, lorsque la requête $.get est terminée, la fonction de rappel de la requête sera appelée et les données obtenues seront transmises à la fonction de rappel en tant que paramètre.

3. Utilisez des objets différés pour implémenter des fonctions de rappel

En plus des définitions simples de fonctions de rappel, jQuery fournit également un outil puissant d'objet différé, qui peut être plus pratique en utilisant ceci object Gérer efficacement les requêtes asynchrones et les fonctions de rappel.

Nous considérons l'objet Deferred de jQuery comme une couche d'encapsulation des fonctions de rappel pour obtenir un contrôle plus flexible et une plus grande évolutivité. Voici un exemple simple d'objet différé :

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);
});

Dans l'exemple ci-dessus, un objet différé est d'abord créé, puis deux fonctions de rappel terminées (succès) et échouées (échec) sont enregistrées dans cet objet.

Lorsque la requête réussit, utilisez la fonction solve() pour renvoyer le résultat à l'objet différé. Si elle échoue, appelez la fonction rejet().

Enfin, obtenez l'objet de promesse de requête ajax via la fonction promise() et renvoyez le résultat à l'utilisateur via la fonction done().

En plus de done() et fail(), Jquery fournit d'autres fonctions de rappel d'objet Promise :

• always(callbacks) : Ajouter une fonction de rappel js , l'objet Deferred sera exécuté quel que soit le succès ou l'échec.
• catch(callbacks) : Ajoutez une fonction de rappel js qui est appelée lorsqu'un objet différé est rejeté.
• then(callbacks, [callbacks], [callbacks]) : Ajoutez un ou plusieurs rappels à l'objet actuel. Ces rappels seront appelés dans les rappels solve() et rejet() de Deferred .

Ce qui précède est le point clé, n'oubliez pas de l'utiliser de manière flexible et de le combiner avec la méthode de codage de scène spécifique.

4. Une autre façon d'appeler la fonction de rappel - événement

Une autre façon d'appeler la fonction de rappel est via un événement. Nous pouvons déclencher manuellement l'événement dans le code et transmettre la fonction de rappel en tant que gestionnaire d'événement à l'événement.

Par exemple, voici un exemple d'événement de clic simple :

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

Dans l'exemple ci-dessus, lorsque l'utilisateur clique sur le bouton, l'événement de clic sera déclenché et le fonction de rappel de l'événement affichera un message indiquant que le bouton a été cliqué.

5. Résumé

Les fonctions et événements de rappel sont des méthodes de programmation très courantes dans jQuery et sont largement utilisées dans le code. La fonction de rappel peut être appelée en passant des paramètres, en utilisant des objets et des événements différés, et présente les caractéristiques d'une grande flexibilité et d'une forte évolutivité.

Lors de l'écriture de code jQuery, comprendre l'utilisation de base des fonctions de rappel et l'utilisation des objets différés peut améliorer l'efficacité de notre programmation et la qualité de notre code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!