URL coderen/decoderen
Codeer of decodeer URL's en zoekopdracht strings
Wat is URL Coderen?
URL-codering (ook wel procentcodering genoemd) converteert speciale tekens naar een indeling die veilig worden verzonden in URL's. Omdat URL's slechts een beperkte set ASCII-tekens kunnen bevatten, elk teken buiten deze set moet worden gecodeerd als een "%", gevolgd door twee hexadecimale cijfers die de ASCII-waarde van het personage vertegenwoordigt.
Een spatie wordt bijvoorbeeld %20en de @
symbool wordt %40. Dit zorgt ervoor
URL's blijven geldig en speciale tekens interfereren niet met de URL-structuur (zoals & en =
in queryreeksen).
Hoe dit hulpmiddel te gebruiken
Coderen vs Codeercomponent
- Codeer (encodeURI): Codeert een volledige URL, met behoud van geldige URL-tekens zoals :, /, ?, =, &
- Codeercomponent (encodeURIComponent): Codeert alles behalve letters, cijfers en - _ . ! ~ * '( ). Gebruik dit voor een query parameterwaarden.
- Decoderen: Converteert procentgecodeerde tekenreeksen terug naar leesbare tekst
Algemene gebruiksscenario's
🔗 Querytekenreeksparameters
Bij het doorgeven van gebruikersinvoer via URL-parameters voorkomt de codering dat speciale tekens het doorbreken van de URL-structuur. "naam=John Doe&stad=New York" heeft bijvoorbeeld codering nodig voor spaties.
📧 E-maillinks (mailto:)
Bij het maken van mailto-links met onderwerpregels of hoofdtekst, speciale tekens en spaties moeten worden gecodeerd om correct te werken in alle e-mailclients.
🔐API Verzoeken
REST API's vereisen vaak dat parameterwaarden URL-gecodeerd zijn, vooral bij het verzenden van JSON gegevens, authenticatietokens of zoekopdrachten via GET-verzoeken.
📊 Analyse en tracking
UTM-parameters en trackingcodes bevatten vaak gecodeerde waarden om nauwkeurige gegevens te garanderen verzending zonder URL-parseerfouten.
Algemene tekencoderingen
| Character | Encoded | Description |
|---|---|---|
| (space) | %20 or
+ |
Space character |
| & | %26 |
Ampersand |
| = | %3D |
Equals sign |
| ? | %3F |
Question mark |
| / | %2F |
Forward slash |
| @ | %40 |
At symbol |
| # | %23 |
Hash/pound |
| % | %25 |
Percent sign |
Veelgestelde vragen
Wat is het verschil tussen encodeURI en encodeURIComponent?
encodeURI()
codeert een volledige URL, waarbij tekens als :, /, ?, en & behouden blijven. encodeURIComponent()
codeert alles, waardoor het geschikt is voor het coderen van individuele queryparameterwaarden.
Moet ik %20 of + gebruiken voor ruimtes?
Beide vertegenwoordigen spaties, maar %20 is de standaard URL-codering, terwijl + specifiek is voor formuliergegevens (application/x-www-form-urlencoded). Voor queryreeksen werkt beide, maar %20 is meer universeel compatibel.
Zijn mijn gegevens veilig wanneer? dit hulpmiddel gebruiken?
Ja! Alle codering en decodering gebeurt in uw browser met behulp van JavaScript. Uw gegevens nooit verlaat uw apparaat en wordt nooit naar een server verzonden.
Waarom krijg ik de melding "Fout: URI misvormd"?
Deze fout treedt op wanneer u probeert een ongeldige, procentgecodeerde reeks te decoderen. Zorg ervoor dat de invoer bevat geldige codering (% gevolgd door precies twee hexadecimale cijfers).
Best practices
- Codeer gebruikersinvoer altijd voordat u deze in URL's plaatst
- Gebruik encodeURIComponent voor queryparameterwaarden, encodeURI voor volledige URL's
- Decodeer URL's voordat u deze aan gebruikers weergeeft voor leesbaarheid
- Wees consistent met de codering in uw hele applicatie
- Test URL's met speciale tekens in verschillende browsers