oujood.com

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

jQuery AJAX La méthode ajaxSuccess() sert à attacher une fonction qui doit être exécutée chaque fois qu'une requête Ajax se termine avec succès. Il s'agit d'un Événement Ajax

chercher |

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>
Par gerywa 25 juillet 2014



Voir aussi nos tutoriel :

fonction get_html_translation_table

Retourne la table de traduction des entités utilisée par htmlspecialchars et htmlentities

fonction strncmp, strncmp

Comparaison binaire des n premiers caractères

fonction soundex, soundex

Calcule la clé soundex