Beispiele für Fehlerverwaltung von JQuery Fehler

Key Takeaways

• jQuery Fehlermanagement kann durch Verwendung von Tools wie Firebug und Brandequery verbessert werden. Verwenden von JavaScript -Funktionen wie alert () und console.log () zur Verfolgung der Codeausführung und der Werte; und Verwendung von Try/Catch -Blöcken, um mögliche Fehler im Code zu behandeln.
Die AJAX -Funktion von
• jQuery kann verwendet werden, um häufige Fehler zu verarbeiten, z. Zusätzlich kann eine benutzerdefinierte AJAX -Fehlerfunktion erstellt werden, um bestimmte Arten von Fehlern wie Timeout, Parse -Fehler oder HTTP -Fehler zu verarbeiten.
• jQuery bietet verschiedene Methoden zum Umgang mit Fehlern, einschließlich der Methoden .Eror () und .ajaxError () zur Bindung von Fehlerereignissen, der .fail () -Methode zum Umgang mit AJAX- oder aufgeschobenen Objektabläufen und der Anweisung Try-Catch-Anweisung zum Fangfehler in unvorhersehbarem Code. Einige dieser Methoden wie .Eror () sind jedoch in neueren JQuery -Versionen nicht verfügbar.

Ok, ich gehe davon aus, dass Sie alle über Firebug und Brandequery wissen. Wenn Sie diese Beiträge nicht tun, können Sie Ihnen helfen. Firebug verfügt über eine Reihe leistungsstarker Tools, die den vorherigen Albtraum des Debuggens von JavaScript tolerierbar machen können.

• So richten Sie Firebug
ein
• Verwenden von Firequery, um Google Logo
zu ändern

Jetzt möchten Sie diese Fehler besser verwalten, nicht nur, damit Ihre Benutzer keine Fehler sehen, sondern auch helfen, wenn Sie Ihre Skripte entwickeln.

alert ()

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

Alert kann verwendet werden, um festzustellen, ob Ihr Code tatsächlich ausgeführt wird, da bei Ihrem JavaScript, wenn er kritische Syntaxfehler gibt, überhaupt nicht ausgeführt wird. Kann auch verwendet werden, um festzustellen, ob ein bestimmter Codeblock oder ein bestimmtes Segment erreicht wird.

console.log ()

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

Console.log () kann sehr nützlich sein, um Werte anzuzeigen, die in Schleifen ausgeführt wurden und Ereignisse fangen. Mehr dazu später in der Post. Die gesamte Spektrum an Protokollierung ist auf der API -Wiki -Seite von Firebug Console zu sehen . WICHTIG: Stellen Sie sicher, dass Sie Ihre Firebug -Befehle einschließen, da Ihr JQuery -Code sonst nur funktioniert, wenn die Konsole geöffnet ist.

probieren/fangen

<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>

Überschreiben von Fehlern für die Anzeige in Firebug

Sie können Jquery.Error auch für die Anzeige in Firebug wie SO überschreiben:

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

jQuery Stop -Fehler Anzeige

Wenn Sie JQuery -Event -Handler verwenden, können Sie eine Kombination aus Fenster verwenden.

• window.onError: fängt alle Fehler in IE (und die meisten Fehler in Firefox) auf, tut aber nichts in Safari und Oper.
• JQuery Event Handler: Fang JQuery -Ereignisfehler in allen Browsern.
• jQuery Ready Function: Fang Initialisierungsfehler in allen Browsern.

Arten von JQuery -Fehlern (gemeinsame Fehler)

Ein häufiger Fehler ist, wenn AJAX keine Daten zurückgibt. Dies kann durch Hinzufügen von Fehlermeldungen behandelt werden. Siehe das folgende Beispiel eines AJAX -Kontaktformulars.

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

Überprüfung in Firebug Das hat ein StatuStext -Feld, mit dem die Art des JQuery -Fehlers bestimmen kann.

Nützliche Ajax Catch -Fehlerfunktion

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

Weitere Lektüre:

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

häufig gestellte Fragen (FAQs) auf JQuery Fehlermanagement

Wie kann ich Fehler in JQuery mit der Methode .Error () umgehen? Es bindet einen Ereignishandler an das JavaScript -Ereignis „Fehler“. Diese Methode kann besonders nützlich sein, wenn sie mit Bildladefehlern zu tun haben. Es ist jedoch wichtig zu beachten, dass diese Methode in JQuery 3.0 entfernt wurde und nur in älteren Versionen erhältlich ist. Für neuere Versionen können Sie die Methode .on () verwenden, um ein Fehlerereignis zu binden. Es kann an jedes Element angehängt werden, ist jedoch normalerweise an das Dokument angeschlossen. Diese Methode kann bei der globalen Fehlerbehandlung sehr nützlich sein. Sie können es verwenden, um eine Nachricht anzuzeigen, wenn eine AJAX-Anforderung beispielsweise fehlschlägt. Sie können es verwenden, um einen Codeblock zu „ausprobieren“ und alle auftretenden Fehler zu „fangen“. Dies kann besonders nützlich sein, wenn es um unvorhersehbare Code geht, der Ausnahmen auslösen kann. Hier ist ein grundlegendes Beispiel:

try {

// Code, um

} catch (Fehler) {

// Code zu versuchen, wenn ein Fehler auftritt

}

Wie kann ich mit spezifischen AJAX -FEHLER -FEHLER -MEHR -Methoden mit der JAX -Methode umgehen. Sie können die Option StatusCode verwenden, um Rückruffunktionen für bestimmte HTTP -Statuscodes zu definieren. Zum Beispiel können Sie einen Rückruf für den 404 -Statuscode (nicht gefunden) wie folgt definieren:

$. Ajax ({
statusCode: {
404: function () {
alert ('Seite nicht gefunden'; In jQuery? Es wird häufig in Verbindung mit der Methode .ajax () verwendet, um Fehler zu behandeln. Hier ist ein grundlegendes Beispiel:

$. AJAX ({
// AJAX -Optionen

}). Fail (function () {

// Code zum Ausführen, wenn die Anforderung fehlschlägt

});

Was ist der Unterschied zwischen .Error () und .fail () in jQuery? Die .Eror () -Methode wird typischerweise zum Umgang mit Bildladefehlern verwendet, während die Methode .fail () häufig zum Umgang mit AJAX -Fehlern verwendet wird. Die .done () -Methode wird aufgerufen, wenn das aufgeschobene Objekt aufgelöst wird (d. H. Wenn die Operation erfolgreich war), während die Methode .always () aufgerufen wird, unabhängig davon, ob das aufgeschobene Objekt aufgelöst oder abgelehnt wurde. Diese Methoden können in Verbindung mit der Methode .ajax () verwendet werden, um Erfolgs- und Fehlerszenarien zu bewältigen. Sie können diese Fehler mit der Anweisung Try-Catch-Anweisung behandeln. Hier ist ein grundlegendes Beispiel:

try {

var data = $ .Parsejson (Antwort);

} catch (error) {

// Code zum Ausführen, wenn ein Parse -Fehler auftritt. .Ajax () Methode. Diese Option legt eine Zeitüberschreitung (in Millisekunden) für die Anfrage fest. Wenn die Anfrage länger als dieses Mal dauert, wird sie abgebrochen und die .fail () -Methode wird aufgerufen. Hier ist ein grundlegendes Beispiel:

$. AJAX ({

Timeout: 5000, // 5 Sekunden

// Andere AJAX -Optionen

}). Fail (Funktion () () {
// Code zum Ausführen von Timeout auftret. In JQuery -Plugins kann Plugins etwas schwierig sein, da es vom spezifischen Plugin abhängt. Ein allgemeiner Ansatz besteht jedoch darin, die Anweisung Try-Catch zu verwenden, um Fehler im Code des Plugins aufzunehmen. Sie können auch die Methoden .Eror () oder .fail () verwenden, wenn das Plugin AJAX- oder aufgeschobene Objekte verwendet.

Das obige ist der detaillierte Inhalt vonBeispiele für Fehlerverwaltung von JQuery Fehler. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!