jQuery AJAX La méthode ajaxSuccess()

Définition et Usage La méthode ajaxSuccess()

La méthode ajaxSuccess() Attache une fonction qui doit être exécuté chaque fois qu'une requête Ajax se termine avec succès.
Il s'agit d'un événement d'Ajax.
Chaque fois qu'une requête Ajax se termine avec succès, jQuery déclenche l'événement ajaxSuccess . Tous les gestionnaires d'événements qui ont été attachés à la méthode .ajaxSuccess() sont exécutés à ce moment

Syntaxe

$(sélecteur).ajaxSuccess(function( event,xhr,options ))

Paramètre	Description
function ( Event,xhr,options)	Obligatoire. Spécifie la fonction pour exécuter si la demande réussit Paramètres supplémentaires : événement - contient l'objet event xhr - contient l'objet XMLHttpRequest options - contient les options utilisées dans la requête AJAX

Exemple afficher une boîte d’alerte quand la requête AJAX se termine avec succès :

Code

📝 Copier le code

<!DOCTYPE html> 
 <html lang="fr">
 <head>
      <meta charset="utf-8">
   <title>jQuery AJAX la méthode ajaxSuccess()</title>
<script src=" https://code.jquery.com/jquery-3.6.0.min.js "></script>
<!-- Script utilisant la méthode ajaxSuccess()  -->
<script>
  $(document).ready(function(){
  $("div").ajaxSuccess(function(){
      alert("La requête AJAX s'est terminée avec succès ");
    });
    $("button").click(function(){
      $(".contenu").load("test1.txt");
    });
  });
  </script>
</head> 
<body> 
<div>
	<h1 style="color:green">www.oujood.com</h1>
	
	<h2>jQuery la méthode ajaxSuccess()</h2>
	<h3>Laiser ajax faire le travail</h3> 
  <div class="contenu"></div>
  <button>Executer</button>
</body>
  </html>

Exemple Utilisez le paramètre options :

Comment utiliser le paramètre options pour limiter la fonction d'AJAX demande pour un fichier spécifique.

Code

📝 Copier le code

<!DOCTYPE html> 
 <html lang="fr">
 <head>
      <meta charset="utf-8">
   <title>jQuery AJAX la méthode ajaxSuccess()</title>
<script src=" https://code.jquery.com/jquery-3.6.0.min.js "></script>
<!-- Script utilisant la méthode ajaxSuccess()  -->
<script>
  $(document).ready(function(){
    $(document).ajaxSuccess(function(e,xhr,opt){
      if (opt.url == "test1.txt") {
        ;
      }else alert("La requête AJAX a échouée!!!");
    });
    $("button").click(function(){
      $("div.contenu").load("test1.txt");
    });
  });
  </script>
</head> 
<body> 
<div>
	<h1 style="color:green">www.oujood.com</h1>
	
	<h2>jQuery la méthode ajaxSuccess()</h2>
	<h3>Laiser ajax faire le travail</h3> 
  <div class="contenu"></div>
  <button>Executer</button>
</body>
  </html>

jQuery Liste des méthodes AJAX

Par gerywa 25 juillet 2014

jQuery AJAX La méthode ajaxSuccess() spécifie une fonction à exécuter si une requête AJAX réussi

Référence jQuery ajax

Définition et Usage La méthode ajaxSuccess()

Exemple afficher une boîte d’alerte quand la requête AJAX se termine avec succès :

Exemple Utilisez le paramètre options :

Voir aussi nos tutoriel :