Solution au problème du déclenchement répété d'événements JS provoqué par la mise à jour partielle d'Ajax

Si la page contient une liste ajax mise à jour, vous devez faire attention à la gestion des événements dans la partie mise à jour non dynamique.

Prenons comme exemple l'interface de liste avec une barre d'outils publique :

$.ajax( 
.... 
data: { ... 
}, 
success: function(data) { 
$('Menu1').click( 
function(){ 
//do something 
} 
); 
} 
)

Puisque la partie de l'interface Menu1 est publique, Il ne sera pas rechargé lors de la mise à jour des données de la liste, donc le code ci-dessus générera des déclencheurs d'événements de clic répétés (après avoir mis à jour la liste plusieurs fois).

Nous devons donc noter que la réinitialisation de l'écoute des événements de la barre d'outils ne peut pas être incluse dans le traitement des résultats de la mise à jour de la liste ajax.

Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript, Tutoriel vidéo AJAX !