🔗
← Retour aux guides

Encodage d'URL en JavaScript — encodeURI, encodeURIComponent et bonnes pratiques

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

JavaScript fournit deux fonctions intégrées pour l'encodage d'URL :

encodeURIComponent()

Encode tous les caractĂšres sauf : A-Z a-z 0-9 - _ . ! ~ * ' ( )

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

Utilisez cette fonction pour encoder les valeurs de paramĂštres de requĂȘte individuelles, les segments de chemin ou toute donnĂ©e qui fait partie d'une URL.

encodeURI()

Encode tous les caractÚres sauf ceux ci-dessus ainsi que les caractÚres réservés d'URL : : / ? # [ ] @ ! $ & ' ( ) * + , ; =

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

Utilisez cette fonction lors de l'encodage d'une chaĂźne d'URL complĂšte.

PiĂšge courant

// FAUX — casse la structure de l'URL
encodeURIComponent('https://example.com/page')
// https%3A%2F%2Fexample.com%2Fpage

// CORRECT — prĂ©serve la structure
encodeURI('https://example.com/page')
// https://example.com/page

Testez ces fonctions en direct avec notre outil d'encodeur/décodeur d'URL.

Encodage d'URL en JavaScript — encodeURI, encodeURIComponent et bonnes pratiques - CoolTool