JQuery - empêche le déclenchement de plusieurs événements

Question

J'utilise des événements dans JQuery pour communiquer entre différents modules JavaScript. Ainsi, dans l'un des modules j'ai quelque chose comme ceci:

$(window).on('updateStatusRequest', function(ev) { 
    // Send updateStatus event after fetching data 
    data = fetchData(); 
    $(window).trigger('updateStatus', data); 
}); 

Et ces données peuvent potentiellement durer chercher longtemps (il envoie la requête HTTP en dehors) avant de terminer. Voici un problème auquel je pense maintenant: que se passe-t-il si beaucoup de 'updateStatusRequest' sont déclenchés et que la fonction n'a pas encore récupéré les données? Je veux éviter que plusieurs données va chercher dans ce cas, alors je pense à quelque chose comme ceci:

$(window).on('updateStatusRequest', function(ev) { 
    $(window).off('updateStatusRequest', this); 
    // Send updateStatus event after fetching data 
    data = fetchData(); 
    $(window).trigger('updateStatus', data); 
    $(window).on('updateStatusRequest', this); 
}); 

Je veux tourner le rappel au large lors de son exécution. Malheureusement, l'approche ci-dessus ne fonctionne pas. Quelle est la bonne façon de faire cela?

Answer 1

Vous avez besoin d'un rappel lorsque vous ajoutez le gestionnaire d'événements de retour dans quelque chose comme cela devrait fonctionner.

$(window).on('updateStatusRequest', function(ev) { 
    newFunction(); 
}); 

var newFunction = function(){ 
    $(window).off('updateStatusRequest'); 
    data = fetchData(); 
    $(window).trigger('updateStatus', data); 
    $(window).on('updateStatusRequest', function(){ 
     newFunction(); 
    }); 
} 

Bien que, je ne serais probablement utiliser une promesse au lieu d'ajouter/enlever les gestionnaires d'événements ...

Answer 2

Utilisez JQuery.ajax et mettez async hors