Afficher les formulaire en HTML...
Utiliser la méthode ajaxError() pour Enregistrer un gestionnaire d'événements à appeler lorsque les demandes Ajax e terminent avec une erreur. Il s'agit d'un événement d'Ajax
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 :
|
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é.
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>