URL-Kodierung erklärt: Was es ist und wann man es verwendet

URL-Kodierung wandelt Sonderzeichen in ein sicheres Format für Webadressen um. Lerne warum es existiert, wie es funktioniert und wann du URLs kodieren musst.

URLs können nur einen begrenzten Satz von ASCII-Zeichen enthalten. Sonderzeichen wie Leerzeichen, Umlaute, kaufmännische Und-Zeichen und Fragezeichen haben in URLs besondere Bedeutungen oder sind schlicht nicht erlaubt. URL-Kodierung (auch Prozent-Kodierung) löst dies, indem unsichere Zeichen durch % gefolgt von ihrem Hex-Code ersetzt werden.

Warum URL-Kodierung existiert

Eine URL hat eine genaue Struktur: Schema, Host, Pfad, Abfragestring und Fragment. Jeder Teil verwendet bestimmte Zeichen als Trennzeichen — der Schrägstrich (/) trennt Pfadsegmente, das Fragezeichen (?) beginnt den Abfragestring. Wenn deine Daten diese Zeichen enthalten, müssen sie kodiert werden.

Wie Prozent-Kodierung funktioniert

Jedes Zeichen wird als Prozentzeichen gefolgt von zwei Hexadezimalziffern dargestellt. Ein Leerzeichen wird zu %20 (oder + in Abfragestrings), das @-Zeichen zu %40, das Hash-Symbol # zu %23. Moderne Browser dekodieren diese automatisch beim Anzeigen von URLs.

Häufige Anwendungsfälle

Kodierung ist nötig beim Erstellen von Abfragestring-Parametern aus Benutzereingaben, beim Konstruieren von Redirect-URLs, beim Arbeiten mit internationalen Zeichen in URLs und beim Erstellen von API-Anfrage-URLs in Code.

encodeURI vs encodeURIComponent

JavaScript hat zwei Kodierungsfunktionen. encodeURI() kodiert eine vollständige URL, erhält aber strukturelle Zeichen wie /, ?, & und #. encodeURIComponent() kodiert einen einzelnen Wert und kodiert alles einschließlich /, ?, & und #. Verwende encodeURIComponent() für einzelne Parameter-Werte.

Unser URL-Kodierer und -Dekodierer verarbeitet beides sofort in deinem Browser. Füge eine kodierte URL ein, um sie zu dekodieren, oder füge rohen Text ein, um ihn zu kodieren.