Exemples de gestion des erreurs jQuery

Les plats clés

• La gestion des erreurs de jQuery peut être améliorée en utilisant des outils tels que Firebug et FireQuery; Utilisation de fonctions JavaScript comme alert () et console.log () pour suivre l'exécution et les valeurs du code; et utiliser des blocs d'essai / capture pour gérer les erreurs potentielles dans le code.
La fonction AJAX de JQuery peut être utilisée pour gérer les erreurs courantes, telles que lorsqu'aucune donnée n'est renvoyée, avec la fonction d'erreur dans les erreurs de communication de gestion des appels AJAX avec le serveur. De plus, une fonction d'erreur AJAX personnalisée peut être créée pour gérer des types d'erreurs spécifiques tels que le délai d'expiration, l'erreur d'analyse ou les erreurs HTTP.
jQuery fournit plusieurs méthodes pour gérer les erreurs, notamment les méthodes .Error () et .Ajaxerror () pour la liaison des événements d'erreur, la méthode .fail () pour gérer les refus d'objets Ajax ou différés et l'instruction TRY-Catch pour attraper des erreurs dans un code imprévisible. Cependant, certaines de ces méthodes comme .Error () ne sont pas disponibles dans les nouvelles versions jQuery.

OK, donc je suppose que vous connaissez tous Firebug et FireQuery. Si vous ne faites pas ces messages peut vous aider. Firebug a un certain nombre d'outils puissants qui peuvent rendre le cauchemar précédent du débogage de JavaScript tolérable.

comment configurer Firebug
Utilisation de FireQuery pour modifier le logo Google
Alors maintenant, vous voulez mieux gérer ces erreurs non seulement pour que vos utilisateurs ne voient pas d'erreurs mais aussi pour vous aider lorsque vous développez vos scripts.

alert ()

L'alerte peut être utilisée pour voir si votre code est réellement exécuté, car s'il existe des erreurs de syntaxe critiques dans votre JavaScript, elle ne s'exécutera pas du tout. Peut également être utilisé pour voir si un certain bloc ou segment de code est atteint.

<span>//alert() shows values in a popup window
</span><span>alert("js is working");</span>

console.log ()

Console.log () peut être très utile pour afficher les valeurs exécutées dans les boucles et pour attraper des événements. Plus à ce sujet plus tard dans le post. La gamme complète d'options de journalisation peut être vue dans la page Wiki API Console Firebug . IMPORTANT: Assurez-vous que vous joignez vos commandes Firebug, sinon votre code jQuery ne fonctionnera que lorsque la console est ouverte.

<span>//console.log() shows values in the firebug console window
</span><span>var x = ... etc
</span><span>console.log(x);</span>

essayez / capture

<span>//try catch example 1
</span><span>try {
</span>	<span>$("#user").focus();
</span><span>} catch(err){
</span>	<span>return false;
</span><span>}
</span>
<span>//try catch example 2
</span><span>try {
</span><span>var tmp = doSomething();
</span><span>if (tmp == something.errorCondition)
</span><span>throw new Error("Error condition in X");
</span><span>} catch(err) {
</span><span>//handle ((err && err.message) || err.toString())
</span><span>} 
</span>
<span>//try catch example 3
</span><span>try {
</span>  <span>// code that may cause an error
</span><span>} catch (e) {
</span>  <span>// deal with error (or not)
</span><span>}
</span><span>// code that runs whether or not error occurred</span>

Erreurs de remplacement pour l'affichage dans Firebug

Vous pouvez également remplacer jQuery.error pour l'affichage dans Firebug comme tel:

jQuery<span>.error = console.error;</span>

jQuery Stop Error Affichage

Si vous utilisez des gestionnaires d'événements jQuery, vous pouvez utiliser une combinaison de Window.onerror et envelopper le code de gestionnaire d'événements jQuery et sur la fonction Ready avec une fonction de gestion des erreurs.

window.onerror: capture toutes les erreurs dans IE (et la plupart des erreurs dans Firefox), mais ne fait rien dans Safari et Opera.
JQUERY Event Handlers: attrape les erreurs d'événement jQuery dans tous les navigateurs.
• jQuery Ready Fonction: attrape les erreurs d'initialisation dans tous les navigateurs.

Types d'erreurs jQuery (erreurs courantes)

Une erreur courante est quand Ajax ne renvoie aucune donnée. Cela peut être géré en ajoutant des messages d'erreur, voir l'exemple suivant d'un formulaire de contact AJAX.

<span>//alert() shows values in a popup window
</span><span>alert("js is working");</span>

Vérification de Firebug Le champ Stastext qui peut être utilisé pour déterminer le type d'erreur jQuery.

Fonction d'erreur de capture Ajax utile

<span>//console.log() shows values in the firebug console window
</span><span>var x = ... etc
</span><span>console.log(x);</span>

Lire plus approfondie:

• http://www.bennadel.com/blog/1392-handling-ajax-errors-with-jquery.htm

Questions fréquemment posées (FAQ) sur la gestion des erreurs jQuery

Comment puis-je gérer les erreurs dans jQuery à l'aide de la méthode .Error ()?

La méthode .Error () dans jQuery est un outil puissant pour gérer les erreurs. Il lie un gestionnaire d'événements à l'événement JavaScript «Error». Cette méthode peut être particulièrement utile lors de la gestion des erreurs de chargement d'image. Cependant, il est important de noter que cette méthode a été supprimée dans JQuery 3.0 et n'est disponible que dans les versions plus anciennes. Pour les versions plus récentes, vous pouvez utiliser la méthode .on () pour lier un événement d'erreur.

Quel est le rôle de la méthode .ajaxerror () dans la gestion des erreurs jQuery?

La méthode .ajaxerror () est un gestionnaire d'événements qui est appelé lorsqu'une demande Ajax termine avec une erreur. Il peut être attaché à n'importe quel élément, mais il est généralement attaché au document. Cette méthode peut être très utile dans la gestion des erreurs globale. Vous pouvez l'utiliser pour afficher un message lorsqu'une demande Ajax échoue, par exemple.

Comment puis-je utiliser l'instruction TRY-Catch pour la gestion des erreurs dans jQuery?

L'instruction TRY-Catch est une fonctionnalité JavaScript qui peut également être utilisée dans jQuery pour la gestion des erreurs. Vous pouvez l'utiliser pour «essayer» un bloc de code et «attraper» toutes les erreurs qui se produisent. Cela peut être particulièrement utile pour traiter un code imprévisible qui peut lancer des exceptions. Voici un exemple de base:

essayez {
// code pour essayer
} catch (error) {
// coder pour exécuter si une erreur se produit
}

comment puis-je gérer des erreurs Ajax spécifiques dans jQuery?

jQuery's .ajax () fournit une méthode de spécifiquement spécifique. Vous pouvez utiliser l'option Statuscode pour définir les fonctions de rappel pour des codes d'état HTTP spécifiques. Par exemple, vous pouvez définir un rappel pour le code d'état 404 (non trouvé) comme ceci:

$. Ajax ({
status: {
404: function () {
alert ('page non trouvée');
}
}
}); Dans jQuery?

La méthode .fail () est une fonction de rappel qui est exécutée lorsqu'un objet différé est rejeté. Il est souvent utilisé en conjonction avec la méthode .ajax () pour gérer les erreurs. Voici un exemple de base:

$. Ajax ({
// Options ajax
}). Fail (function () {
// code à exécuter si la demande échoue
});

Quelle est la différence entre .Error () et .fail () dans jQuery?

La méthode .Error () est un gestionnaire d'événements qui est appelé lorsqu'une erreur se produit, tandis que la méthode .fail () est une fonction de rappel qui est appelée lorsqu'un objet différé est rejeté. La méthode .Error () est généralement utilisée pour gérer les erreurs de chargement d'images, tandis que la méthode .fail () est souvent utilisée pour gérer les erreurs AJAX.

Comment puis-je utiliser les méthodes .done () et .lways () dans les méthodes d'erreur jQuery? La méthode .done () est appelée lorsque l'objet différé est résolu (c'est-à-dire lorsque l'opération a réussi), tandis que la méthode .always () est appelée que l'objet différé a été résolu ou rejeté. Ces méthodes peuvent être utilisées conjointement avec la méthode .ajax () pour gérer les scénarios de succès et d'erreur.

Comment puis-je gérer les erreurs d'analyse dans jQuery?

Les erreurs d'analyse dans jQuery se produisent généralement lorsque vous essayez d'analyser les données JSON non valides. Vous pouvez gérer ces erreurs à l'aide de l'instruction TRY-Catch. Voici un exemple de base:

essayez {
var data = $ .parsejson (réponse);
} catch (error) {
// coder pour exécuter si une erreur d'analyse se produit
}

comment puis-je gérer les erreurs de temps de temps dans le temps de temps dans le temps

.Ajax () Méthode. Cette option définit un délai d'attente (en millisecondes) pour la demande. Si la demande prend plus de temps que cette fois, elle est interrompue et la méthode .fail () est appelée. Voici un exemple de base:

$. AJAX ({
Timeout: 5000, // 5 secondes
// Autres options ajax
}). FAIL (fonction () {
// Code pour exécuter si un délai d'expiration
});

comment gérer les erreurs dans les erreurs dans les plugins jquier? Dans JQuery, les plugins peuvent être un peu délicats car cela dépend du plugin spécifique. Cependant, une approche générale consiste à utiliser l'instruction TRY-Catch pour assister à toutes les erreurs qui se produisent dans le code du plugin. Vous pouvez également utiliser les méthodes .Error () ou .fail () si le plugin utilise des objets ajax ou différés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!