Sådan afkoder du en URL ved hjælp af JavaScript

I en tidligere artikel har vi set på forskellige måder at kode en URL i JavaScript på. I denne artikel lærer du, hvordan du afkoder en kodet URL i JavaScript.

URL-afkodning er det modsatte af kodningsprocessen. Det konverterer de kodede URL-strenge og forespørgselsparametre tilbage til deres normale formater. Det meste af tiden afkodes kodede forespørgselsstrengparametre automatisk af den underliggende ramme, du bruger, såsom Express eller Spring Boot. I selvstændige applikationer skal du dog afkode forespørgselsstrenge manuelt.

Lad os se på de oprindelige JavaScript-funktioner, der kan bruges til dette formål.

decodeURI()

decodeURI() funktion bruges til at afkode en fuld URL i JavaScript. Den udfører det omvendte drift af encodeURI() . Her er et eksempel:

const encodedUrl = 'http://example.com/!leearn%20javascript$/';

// decode complete URL
const url = decodeURI(encodedUrl);

// print decoded URL
console.log(url);

// output: http://example.com/!leearn javascript$/

decodeURIComponent()

decodeURIComponent() funktionen bruges til at afkode URL-komponenter, der koder med encodeURIComponent() i JavaScript. Den bruger UTF-8 indkodningsskema til at udføre afkodningsoperationen.

Du skal bruge decodeURIComponent() at afkode forespørgselsstrengparametre og stisegmenter i stedet for hele URL'er. Her er et eksempel:

const query = "Danke Schön";

// perofrm encode/decode
const encodedStr = encodeURIComponent(query);
const decodedStr = decodeURIComponent(encodedStr);

// print values
console.log(`Encoded Query: ${encodedStr}`);
console.log(`Decoded Query: ${decodedStr}`);

// Output
// Encoded Query: Danke%20Sch%C3%B6n
// Decoded Query: Danke Schön

Læs næste: Base64-kodning og afkodning i JavaScript