logo oujood
🔍

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

OUJOOD.COM

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