Lorsque vous travaillez avec des applications web, il est fréquent de devoir décoder une URL en Javascript. Les URL contiennent souvent des caractères spéciaux encodés, comme “%20” pour un espace ou “%2F” pour un slash. JavaScript propose des méthodes intégrées pour vous aider à décoder ces URL et à obtenir des informations lisibles. Dans cet article, nous allons explorer comment décoder une URL en JavaScript.
decodeURIComponent
La méthode decodeURIComponent
en JavaScript permet de décoder une URL encodée. Elle prend une chaîne de caractères encodée en URL en tant qu’argument et renvoie la version décodée. Voici comment vous pouvez l’utiliser :
// URL encodée
const urlEncodee = "Mon%20exemple%20d%27URL%20encod%C3%A9e";
// Décodage de l'URL
const urlDecodee = decodeURIComponent(urlEncodee);
console.log(urlDecodee);
Dans cet exemple, nous prenons une URL encodée avec des caractères spéciaux, tels que les espaces et les caractères accentués. En utilisant decodeURIComponent
, nous obtenons l’URL décodée, ce qui la rend plus lisible et compréhensible.
decodeURI
La fonction decodeURI
est similaire à decodeURIComponent
, mais elle est plus permissive. Elle peut décoder un ensemble plus large de caractères. Voici un exemple d’utilisation de decodeURI
:
// URL encodée
const urlEncodee = "Mon%20exemple%20d%27URL%20encod%C3%A9e";
// Décodage de l'URL
const urlDecodee = decodeURI(urlEncodee);
console.log(urlDecodee);
Le résultat sera le même que dans l’exemple précédent. Cependant, si vous avez affaire à des URL contenant des caractères spéciaux non standard, decodeURI
peut être plus appropriée.
decodeURIComponent
sur des composants d’URL ( URL en Javascript)En plus de décoder une URL complète, vous pouvez également décoder des composants individuels d’une URL, tels que les paramètres de requête. Cela peut être utile lorsque vous ne souhaitez décoder qu’une partie spécifique d’une URL. Voici un exemple :
// URL
const url = "https://www.mon-site.com/recherche?query=JavaScript%20et%20URL";
// Décodage du paramètre "query"
const query = decodeURIComponent(url.split("query=")[1]);
console.log(query);
Dans cet exemple, nous extrayons le paramètre “query” de l’URL et utilisons decodeURIComponent
pour le décoder. Cela permet d’obtenir la valeur décodée du paramètre.
Décoder une URL est une tâche courante en programmation web, et JavaScript met à disposition des outils simples pour le faire. Les fonctions decodeURIComponent
et decodeURI
vous permettent de rendre les URL plus lisibles et plus conviviales pour les utilisateurs de votre application.
Ce guide vous aide à rédiger un QCM Analyse Financière structuré et pertinent sur l'analyse…
Le marketing de la mode est un domaine stratégique essentiel pour promouvoir une marque, une…
Dans le cadre de la gestion des entreprises, le Questionnaire à Choix Multiples (QCM) est…
Le plan de management de projet est un document essentiel qui décrit comment un projet…
Cette partie montre aux formateurs la méthode de création d'un QCM corrigé en gestion des…
Pour que Samsung puisse surpasser Apple, elle devrait continuer à renforcer ses avantages compétitifs tout…
This website uses cookies.