encodeURIComponent ou encodeURI ?

encodeURIComponent pour les valeurs de paramètres - il échappe « & » et « = » qui ont un sens dans une URL. encodeURI sur une URL complète quand vous voulez échapper seulement les caractères illégaux.

Encodeur / Décodeur d'URL

Encodez et décodez URLs et chaînes de requête (percent-encoding).

Entrée

encodeURIComponent (valeurs de paramètre)

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

encodeURI (URL complète)

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

Collez une URL ou un paramètre pour l'encoder ou le décoder. Nous exposons encodeURI (URL complète) et encodeURIComponent (valeur de paramètre) côte à côte.

Comment l'utiliser

Encoder ou décoder
Encoder transforme du texte en percent-encoding ; Décoder inverse.
Choisir le bon encodeur
encodeURIComponent pour les valeurs de paramètres, encodeURI pour les URL complètes. Les deux apparaissent côte à côte.
Copier le résultat
Glissez la chaîne encodée ou décodée dans votre URL, appel fetch ou message de log.

Qu'est-ce que c'est ?

L'encodage URL (percent-encoding) remplace tout caractère ayant un sens réservé dans une URL par un « % » suivi de sa valeur hexadécimale. ' ' devient « %20 », « & » devient « %26 », etc. Deux primitives JavaScript font le travail : encodeURIComponent (valeurs de paramètres) et encodeURI (URL complètes).

Quand l'utiliser

Encoder toute chaîne utilisateur avant de l'insérer dans une URL - valeurs de paramètres, segments de chemin, fragments, redirections, liens de partage. Décoder pour lire des valeurs encodées en transport : query strings d'analytics, callbacks OAuth, logs serveur.

Erreurs courantes

Confondre encodeURIComponent et encodeURI est le bug classique - encodeURI laisse « & », « ? » et « = » intacts car structurels. Ne pas double-encoder : encoder une chaîne déjà encodée la corrompt. Et ne pas encoder les noms de paramètres à la main : laissez URLSearchParams ou votre lib HTTP faire.

FAQ

encodeURIComponent ou encodeURI ?: encodeURIComponent pour les valeurs de paramètres - il échappe « & » et « = » qui ont un sens dans une URL. encodeURI sur une URL complète quand vous voulez échapper seulement les caractères illégaux.