🔗
← ZurĂŒck zu Anleitungen

URL-Encoding in JavaScript — encodeURI, encodeURIComponent und Best Practices

· Tags: javascript, url-encoding, encodeURIComponent, encodeURI, programming

JavaScript bietet zwei eingebaute Funktionen fĂŒr URL-Encoding:

encodeURIComponent()

Kodiert alle Zeichen außer: A-Z a-z 0-9 - _ . ! ~ * ' ( )

const name = 'John Doe'
const query = '?name=' + encodeURIComponent(name)
// ?name=John%20Doe

Verwenden Sie dies zum Kodieren einzelner Query-Parameterwerte, Pfadsegmente oder beliebiger Daten, die Teil einer URL werden.

encodeURI()

Kodiert alle Zeichen außer den oben genannten plus reservierten URL-Zeichen: : / ? # [ ] @ ! $ & ' ( ) * + , ; =

const url = 'https://example.com/search?q=hello world'
const encoded = encodeURI(url)
// https://example.com/search?q=hello%20world

Verwenden Sie dies beim Kodieren einer vollstÀndigen URL-Zeichenfolge.

HĂ€ufiger Fallstrick

// FALSCH — zerstört die URL-Struktur
encodeURIComponent('https://example.com/page')
// https%3A%2F%2Fexample.com%2Fpage

// RICHTIG — erhĂ€lt die Struktur
encodeURI('https://example.com/page')
// https://example.com/page

Testen Sie diese Funktionen live mit unserem URL-Encoder/-Decoder-Tool.

URL-Encoding in JavaScript — encodeURI, encodeURIComponent und Best Practices - CoolTool