✅ HTML5 - Fehlerbehandlung mit Ajax

Inhaltsverzeichnis

Wenn wir uns entscheiden, den Weg der Zusammenarbeit mit zu gehen Ajax In HTML5Wir müssen uns bewusst sein, dass wir mit den möglichen auftretenden Fehlern umgehen müssen, insbesondere haben wir zwei Arten von Fehlern, die sich in ihrer Perspektive unterscheiden.
Die erste Fehlerart ist aus Sicht des Objekts gegeben XMLHttpRequest und es kann eine Situation geben, die verhindert, dass die Anfrage gestellt wird, z. B. dass der Hostname nicht im DNS, beispielsweise eine abgelehnte Verbindung oder eine ungültige URL.
Die zweite Fehlerart ist aus Sicht unserer Anwendung gegeben, hat aber nichts mit dem Objekt zu tun XMLHttpRequestd. h. eine Anfrage wurde gestellt, akzeptiert, verarbeitet und eine Antwort generiert, die Antwort war jedoch nicht der erwartete Inhalt, z. B. wenn die von uns angegebene URL nicht existiert.

Handhabung von Setup-Fehlern
Sehen wir uns an, dass der erste Fehlertyp, den wir behandeln müssen, darin besteht, dass wir die falschen Daten an das Objekt übergeben XMLHttpRequest, so etwas wie eine schlecht geformte URL, obwohl es verrückt klingt, ist dies ein ziemlich häufiger Fehler, wenn wir damit arbeiten Ajax.
Sehen wir uns zum Beispiel den folgenden Aufruf an, der zu diesem Fehler führen kann:

httpRequest.open ("GET", "http: //");

Damit ein Problem dieser Art auftritt, tritt es normalerweise auf, weil der Benutzer aufgefordert wird, einen Wert oder Daten einzugeben, mit denen wir die URL und da wir wissen, dass der Benutzer die erste Schwachstelle eines Programms ist. Damit uns dies nicht beeinträchtigt, müssen wir Wege zur Validierung und Verarbeitung jeglicher Art von Inhalten entwickeln, die es uns sendet.
Dazu verwenden wir einen Block versuchen / fangen das ermöglicht es uns, den Code auszuführen und wenn ein Problem auftritt, erfassen wir den Fehler oder die Ausnahme und können ihm eine angemessene Behandlung geben. In diesem Beispiel zeigen wir den Fehler an, wie wir im folgenden Code sehen können , die wir zusammenfassen und nur zeigen wir die Teile, die an dieser Stelle interessant sind:

 try {… httpRequest.open ("GET", "http: //");… httpRequest.send (); } catch (Fehler) {displayErrorMsg ("try / catch", error.message); }

Innerhalb des Blocks Fang Wir haben die Möglichkeit, den Fehler zu speichern, hierzu können wir eine erneute Eingabe der Daten verlangen, auf eine Seite senden, auf der der Fehler angezeigt wird, etc. Wichtig ist, dass die Seite nicht fehlschlägt und der Prozess für den Benutzer unerwartet abbricht.
Umgang mit Anforderungsfehlern
Dieser Fehler wird generiert, wenn wir die Anfrage stellen, aber etwas damit nicht stimmt, z. B. dass die angeforderte URL nicht im DNS aufgelöst wird; Sehen wir uns folgenden Aufruf an:

httpRequest.open ("GET", "http://a.nodomain/doc.html");

In diesem Fall kann die URL nicht vom DNS aufgelöst werden, da sie einen anderen Ursprung hat als das Dokument, könnte es auch uns betreffen, um diese Art von Fehlern zu verwalten, verwenden wir eine Funktion, die uns bei der Verwaltung hilft. wie die, die wir in diesem Beispiel sehen:

 Funktion handleError (e) {displayErrorMsg ("Fehlerereignis", httpRequest.status + httpRequest.statusText); }

Der einzige Punkt, den wir beachten müssen, ist, dass Browser die Objektinformationen nicht verarbeiten httpAnfrage auf die gleiche Weise, so dass die Antwort möglicherweise nicht dieselbe ist.
Damit beenden wir das Tutorial und haben bereits ein besseres Konzept für den Umgang und die Verwaltung von Fehlern, die in einer Anfrage auftreten können Ajax und dass sie unsere Seite zum Scheitern bringen können.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben