jQuery AJAX la méthode ajaxError()

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

jQuery cours tutorial

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 :

Sélectionner 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.

Sélectionner 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

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

Référence jQuery ajax

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

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

Exemple : Utilisez le paramètre options et xhr

La méthode secrète likes sans fin sur Facebook