encodeURIComponent oder encodeURI?

encodeURIComponent für einzelne Parameterwerte - escaped « & » und « = », die in URLs Bedeutung haben. encodeURI für ganze URLs, wenn nur illegale Zeichen escaped werden sollen.

URL-Encoder / -Decoder

URLs und Query-Strings prozent-kodieren und dekodieren.

Eingabe

encodeURIComponent (für Parameterwerte)

https%3A%2F%2Farnaud.app%2F%3Fq%3Dhello%20world%26lang%3Den

encodeURI (für vollständige URLs)

https://arnaud.app/?q=hello%20world&lang=en

URL oder Parameter einfügen, um zu kodieren oder dekodieren. encodeURI (volle URL) und encodeURIComponent (Parameterwert) werden nebeneinander angezeigt.

So funktioniert's

Kodieren oder Dekodieren
Kodieren macht aus Text Percent-Encoding; Dekodieren kehrt das um.
Den richtigen Encoder wählen
encodeURIComponent für Parameterwerte, encodeURI für komplette URLs. Beide nebeneinander angezeigt.
Ergebnis kopieren
Kodierte oder dekodierte Zeichenkette direkt in URL, Fetch-Aufruf oder Log-Eintrag einfügen.

Was ist das?

URL-Kodierung (Percent-Encoding) ersetzt jedes Zeichen mit reservierter Bedeutung in einer URL durch ein « % » gefolgt vom Hex-Wert. ' ' wird zu « %20 », « & » zu « %26 ». Zwei JavaScript-Primitiven leisten das: encodeURIComponent (Werte) und encodeURI (volle URLs).

Wann verwenden

Jede benutzergelieferte Zeichenkette vor dem Einfügen in eine URL kodieren - Parameterwerte, Pfadsegmente, Fragmente, Redirects, Share-Links. Dekodieren beim Lesen kodierter Werte aus Transport: Analytics-Query-Strings, OAuth-Callbacks, Server-Logs.

Häufige Fehler

encodeURIComponent und encodeURI zu verwechseln ist der Klassiker - encodeURI lässt « & », « ? » und « = » in Ruhe, weil sie strukturell sind. Nicht doppelt kodieren. Und Parameternamen nicht manuell kodieren: URLSearchParams oder deine HTTP-Lib übernimmt das.

FAQ

encodeURIComponent oder encodeURI?: encodeURIComponent für einzelne Parameterwerte - escaped « & » und « = », die in URLs Bedeutung haben. encodeURI für ganze URLs, wenn nur illegale Zeichen escaped werden sollen.