Quelle différence entre encodeURI et encodeURIComponent ?

encodeURI préserve les caractères réservés des URLs (:/?#&=), encodeURIComponent les encode tous. Utilisez encodeURIComponent (cet outil) pour encoder une valeur de paramètre, encodeURI pour une URL entière.

Pourquoi %20 plutôt que + pour un espace ?

Dans une URL moderne (RFC 3986), l'espace s'encode %20. Le + est une ancienne convention issue des formulaires HTML (application/x-www-form-urlencoded). Les deux peuvent être rencontrés.

Développeur

URL encoder / décoder

Encodez les caractères spéciaux d'une URL (espaces, accents, ?, &, #…) ou décodez-les. Basé sur encodeURIComponent.

Texte original

Texte encodé

Utilise encodeURIComponent (chaque caractère réservé est encodé, sauf les lettres, chiffres et - _ . ~).

Comment utiliser cet outil

Une URL ne peut pas contenir certains caractères (espaces, accents, {}, <>, etc.) sans être percent-encoded. L'encodage transforme « hello world? » en « hello%20world%3F ». Utile pour construire manuellement une URL, débugger une requête, comprendre un paramètre GET ou coller un lien contenant des accents dans un système peu tolérant.

Exemples concrets

« hello world » → « hello%20world »
« café & thé » → « caf%C3%A9%20%26%20th%C3%A9 »
« ?q=développement » → « %3Fq%3Dd%C3%A9veloppement »

Questions fréquentes

Quelle différence entre encodeURI et encodeURIComponent ?: encodeURI préserve les caractères réservés des URLs (:/?#&=), encodeURIComponent les encode tous. Utilisez encodeURIComponent (cet outil) pour encoder une valeur de paramètre, encodeURI pour une URL entière.
Pourquoi %20 plutôt que + pour un espace ?: Dans une URL moderne (RFC 3986), l'espace s'encode %20. Le + est une ancienne convention issue des formulaires HTML (application/x-www-form-urlencoded). Les deux peuvent être rencontrés.