logo oujood
🔍

jQuery AJAX la  méthode ajaxError() Enregistrer un gestionnaire d'événements à appeler lorsque les requêtes Ajax échouent

OUJOOD.COM

Définition et Usage la  méthode ajaxError()

La méthode ajaxError() spécifie une fonction à exécuter lors de l'échec d'une requête AJAX.

Chaque fois qu'une requête Ajax se termine avec une erreur, jQuery déclenche l'événement ajaxError .

 Tous les gestionnaires d'événements qui ont été enregistrés avec la méthode .ajaxError() sont exécutés à ce moment.

Syntaxe

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

Paramètre Description
function ( Event,xhr,options,EXC) Obligatoire. Spécifie la fonction pour exécuter si la demande échoue 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
  • exc - contient l'exception du JavaScript, si l'un s'est produite

Exemple Déclencher une boîte alerte lorsqu'une requête AJAX échoue :

Exemple :    📝  Copier le code 

  <!DOCTYPE html>
   <html lang="fr">
   <head>
        <meta charset="utf-8">
     <title>jQuery demo </title>
  <script type="text/javascript"
  src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   
  <script>
  $(document).ready(function(){
    $("div").ajaxError(function(){
      alert("Une erreur s'est produite!");
    });
    $("button").click(function(){
      $("div").load("fichier.txt");
    });
  });
  </script>
  </head>
  <body>
  <div><h2>Laisser ajaxe faire le
  travail</h2></div>
  <button>Changer Contenu</button>
   
  </body>
  </html>

Lorsque l'utilisateur clique sur le bouton et la requête Ajax échoue, car le fichier requis est manquant, le message est affiché.

Exemple : Utilisez le paramètre options et xhr

Comment utiliser le paramètre options pour obtenir un message d'erreur plus utile.

Exemple :    📝  Copier le code 

  <!DOCTYPE html>
   <html lang="fr">
   <head>
        <meta charset="utf-8">
     <title>jQuery demo </title>
  <script type="text/javascript"
  src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   
  <script>
  $(document).ready(function(){
    $("div").ajaxError(function(e,xhr,opt){
      alert("Erreur de la demande " + opt.url + ": " + xhr.status +
  " " + xhr.statusText);
    });
    $("button").click(function(){
      $("div").load("fichier.txt");
    });
  });
  </script>
  </head>
  <body>
   
  <div><h2>Laisser ajaxe faire le
  travail</h2></div>
  <button>Changer Contenu</button>
   
  </body>
  </html>
     jQuery Liste des méthodes AJAX     
Par gerywa 25 juillet 2014