Encode URL JavaScript | Expliqué

Une URL est l'adresse d'un site Web, et le processus de transformation d'une chaîne en un certain format URL est connu sous le nom de codage d'URL. Il améliore la sécurité et la fiabilité des URL. Le personnage "%”Encode chaque caractère qui doit être converti en URL, ainsi qu'une valeur hexadécimale à deux caractères correspondant à sa représentation UTF-8. Le navigateur a automatiquement changé les espaces en un «+» Ou «% 20» symbole.

Cet article développera la procédure de codage de l'URL en JavaScript.

Encode d'URL JavaScript

L'URL est automatiquement codée par les navigateurs, ce qui signifie qu'avant d'envoyer la demande, certains caractères spéciaux sont convertis en autres caractères réservés. Pour les URL de codage en JavaScript, utilisez les méthodes divisées:

• Méthode encodéuri ()
• Méthode EncodeuriComponent ()

Examinons chacune des techniques mentionnées individuellement.

Méthode 1: Encoder URL à l'aide d'encodéuri () Méthode JavaScript

Le "encodéuri ()«La méthode est utilisée pour coder ou chiffrer l'URL en passant la chaîne comme argument. Il code le caractère spécial à l'exclusion (A-Z A-Z 0-9, / ? : @ & = + $ #) Caractères et renvoie une nouvelle chaîne en tant que sortie qui indique que la chaîne est codée comme URI (Uniform Resource Identifier). C'est l'approche standard de l'encodage des URL.

Syntaxe

Pour appliquer la méthode Encodeuri (), utilisez la syntaxe répertoriée ci-dessous:

Encodeuri (String);

Ici, "chaîne«L'URL qui sera codée.

Exemple

Tout d'abord, nous créerons une variable nommée «URL» et y attribuerons une chaîne d'URL qui sera utilisée pour le chiffrement:

var url = "https: // linuxhint.com / append les valeurs à s'opposer dans javascript / ";

Ensuite, invoquez la méthode Encodeuri () en passant la chaîne d'URL comme argument:

var cocodEDUrl = encodéuri (URL);

Enfin, imprimez l'URL codée sur la console en utilisant le «console.enregistrer()»:

console.journal (cocodUrl);

La sortie indique que la chaîne est codée dans le format réel de l'URL et que tous les espaces sont codés comme avec le caractère "% 20»:

La seule limitation de cette approche est qu'elle ne crypte pas les personnages "A-Z, A-Z, 0-9,!@ # $ & * () =: /,;?+», Et dans ce scénario, choisissez la prochaine approche!

Méthode 2: Encoder URL à l'aide d'encodeuRIComponent () Méthode

Une autre méthode utilisée pour crypter ou coder une URL est la «EncodeuRIComponent ()" méthode. Il fonctionne de la même manière que la méthode Encodeuri (). Cependant, la différence est que EncodeuRIComponent () crypte chaque valeur de paramètre URL, y compris le nom de domaine avec «A-Z A-Z 0-9 - _.! ~ * '()"Les caractères, tandis que la méthode Encodeuri () crypte toute l'URL.

Plus précisément, vous pouvez utiliser cette méthode lorsqu'elle est nécessaire pour chiffrer les caractères que la méthode Encodeuri () ne pourra pas.

Syntaxe

Utilisez la syntaxe mentionnée ci-dessous pour la méthode EncodeuriComponent ():

EncodeURICPORANT (String);

Ici, "chaîne«L'URL qui sera codée.

Exemple

Ici, nous utiliserons la même chaîne d'URL créée dans l'exemple ci-dessus et appellerons le «EncodeuRIComponent ()”Méthode en passant cette chaîne d'URL comme argument:

var cocodEDUrl = EncodeuRIComponent (URL);

Ensuite, imprimez l'URL codée sur la console:

console.journal (cocodUrl);

On peut voir dans la sortie que le nom de domaine est également chiffré:

Nous avons compilé toutes les approches de l'URL de cryptage en JavaScript.

Conclusion

L'URL est codée en JavaScript à l'aide de la méthode Encodeuri () ou EncodeuriComponent (). La méthode Encodeuri () fonctionne le mieux car EncodeuRIComponent () crypte à la fois le nom de domaine et l'URL complète, qui peut ne pas être nécessaire dans certains cas. Cet article a développé la procédure de codage de l'URL en JavaScript.