So behandeln Sie Abfragestönefehler in JavaScript

Abfragesträge sind eine Möglichkeit, Daten zwischen verschiedenen Seiten oder Komponenten einer Webanwendung zu übergeben. Sie werden häufig verwendet, um Parameter an einen Server zu übergeben oder Daten im Geschichte des Browsers zu speichern. Abfragebräge können jedoch auch eine Quelle von Fehlern und Sicherheitslücken sein, wenn sie nicht ordnungsgemäß behandelt werden.

In diesem Artikel werden wir diskutieren, wie Abfragestönefehler in JavaScript umgehen können.

1. Überprüfen Sie fehlende Parameter

Einer der häufigsten Abfragestönefehler sind fehlende Parameter. Dies tritt auf, wenn in der Abfragebarstellung ein erforderter Parameter nicht vorhanden ist, was zu Fehlern führt, wenn der Code versucht, auf diesen Parameter zuzugreifen. Um diesen Fehler zu bewältigen, sollten Sie überprüfen, ob die erforderlichen Parameter in der Abfragezeichenfolge vorhanden sind, bevor Sie versuchen, sie zu verwenden. Sie können dies tun, indem Sie die verwenden Index von() Methode oder reguläre Ausdrücke, um nach dem Parameter in der Abfragezeichenfolge zu suchen.

Beispiel:

const queryString = Fenster.Standort.suchen; const urlparams = new urlsearchParams (queryString); Wenn (!Urlparams.hat ('userId') console.Fehler ('fehlender BenutzerID -Parameter');

123456

const queryString = Fenster.Standort.Suche; const urlparams = new urlSearchParams (QueryString); Wenn (!Urlparams.hat ('userId') console.Fehler ('fehlender BenutzerID -Parameter');

Im obigen Beispiel überprüfen wir, ob die Benutzer-ID Der Parameter ist in der Abfragezeichenfolge vorhanden. Wenn es nicht vorhanden ist, protokollieren wir eine Fehlermeldung an die Konsole.

2. Eingabe validieren

Ein weiterer gängiger Fehler der Abfrage -Zeichenfolge ist ungültige Eingabe. Dies kann auftreten, wenn der Benutzer in der Abfragezeichenfolge ungültige Zeichen oder Werte eingibt, z. B. Sonderzeichen oder SQL -Injektionsangriffe. Um diesen Fehler zu bewältigen, sollten Sie die Eingabe validieren, bevor Sie sie in Ihrem Code verwenden.

Beispiel:

const queryString = Fenster.Standort.suchen; const urlparams = new urlsearchParams (queryString); const userID = urlparams.get ('userId'); Wenn (!/^[0-9]+$/.test (userId)) Konsole.Fehler ('ungültiger Benutzer -ID -Parameter');

1234567

const queryString = Fenster.Standort.Suche; const urlparams = new urlSearchParams (QueryString); const userId = urlparams.get ('userId'); Wenn (!/^[0-9]+$/.test (userId)) Konsole.Fehler ('ungültiger Benutzer -ID -Parameter');

Im obigen Beispiel verwenden wir reguläre Ausdrücke, um den BenutzerID -Parameter zu validieren. Wir überprüfen, ob der Parameter nur Zahlen und keine anderen Zeichen enthält. Wenn es andere Zeichen enthält, protokollieren wir eine Fehlermeldung an die Konsole.

3. Eingabe der Eingabe

Eine andere Möglichkeit, Abfragestönefehler zu behandeln. Bergungen bedeutet, Zeichen zu entfernen oder zu entkommen, die Fehler oder Sicherheitslücken verursachen können, wie z. B. HTML -Tags oder Sonderzeichen. Sie können Bibliotheken wie Dompurify oder Validator verwenden.JS, um Ihre Eingabe zu desinfizieren.

Beispiel:

Dompurify aus 'Dompurify' importieren; const queryString = Fenster.Standort.suchen; const urlparams = new urlsearchParams (queryString); const message = urlparams.get ('message'); Const SanitizedMessage = Dompurify.sanitisieren (Nachricht); Konsole.log (sanitedMessage);

12345678

Importieren Sie Dompurify aus 'Dompurify'; const QueryString = Fenster.Standort.Suche; const urlparams = neue urlSearchparams (queryString); const message = urlparams.get ('message'); Const SanitizedMessage = Dompurify.sanitisieren (Nachricht); Konsole.log (sanitedMessage);

Im obigen Beispiel verwenden wir Dompurify, um den Meldungsparameter zu sanieren. Wir entfernen alle HTML -Tags oder Sonderzeichen, die Sicherheitslücken verursachen können.

4. Verwenden Sie Try-Catch-Blöcke

Schließlich können Sie Try-Catch-Blöcke verwenden, um alle anderen Fehler zu behandeln, die bei der Arbeit mit Abfragebrägern auftreten können. Dies kann Fehler wie ungültige JSON oder unerwartete Werte enthalten. Mit Versuchs-Catch-Blöcken können Sie diese Fehler fangen und sie anmutig behandeln, ohne Ihre Anwendung zu stürzen.

Beispiel:

Versuchen Sie const QueryString = Fenster.Standort.suchen; const urlparams = new urlsearchParams (queryString); const data = json.analysieren (Urlparams.Daten bekommen')); Konsole.Logdaten); catch (Fehler) Konsole.Fehler ('Fehler analysieren JSON -Daten');

123456789

Versuchen Sie const QueryString = Fenster.Standort.suchen; const urlparams = new urlsearchParams (queryString); const data = json.analysieren (Urlparams.Daten bekommen')); Konsole.log (Daten); catch (error) Konsole.Fehler ('Fehler analysieren JSON -Daten');

Im obigen Beispiel verwenden wir einen Try-Catch-Block, um Fehler aufzufangen, die beim Parsen von JSON-Daten aus dem Datenparameter auftreten können. Wenn ein Fehler auftritt, protokollieren wir eine Fehlermeldung an die Konsole.

Abschluss

Abfragesträge sind ein nützliches Instrument zum Übergeben von Daten zwischen verschiedenen Komponenten einer Webanwendung. Sie können jedoch auch eine Quelle von Fehlern und Sicherheitslücken sein, wenn sie nicht ordnungsgemäß behandelt werden. Durch Befolgen der Tipps und Beispiele