Comment distinguer escape, encodeURI et encodeURIComponent

1. Introduction

Il y a trop d'articles qui parlent des différences entre ces trois méthodes, mais la plupart d'entre eux sont très alambiqués. Cet article tente d'expliquer ces trois méthodes d'un point de vue pratique.

2. Escape et ils ne sont pas de la même catégorie

En termes simples, escape encode une chaîne (tandis que les deux autres encodent des URL). les lisibles sur tous les ordinateurs.
Le résultat après encodage est sous la forme %XX ou %uXXXX.
Parmi eux lettres ASCII, chiffres, @*/+ , ces caractères ne seront pas codés, le reste le sera.
La chose la plus importante est que lorsque vous devez encoder l'URL, veuillez oublier cette méthode. Cette méthode est utilisée pour les chaînes, pas pour les URL.
En fait, je n’ai pas utilisé cette méthode dans le travail réel, je n’entrerai donc pas dans les détails.

3. Les encodeURI et encodeURIComponent les plus couramment utilisés

Il est courant d'encoder les URL, ces deux méthodes doivent donc faire l'objet d'une attention particulière dans la pratique.

Ce sont toutes des URL codées. La seule différence est la plage de caractères codés. Parmi elles, la méthode

encodeURI ne codera pas ce qui suit. caractères Lettres ASCII, chiffres, ~!@#$&*()=:/,;?+'

la méthode encodeURIComponent ne sera pas traiter les caractères suivants Codage Lettres ASCII, chiffres, ~!*()'

Donc encodeURIComponent a une plage de codage plus large que encodeURI.

À titre d'exemple pratique, encodeURIComponent encodera http:// en http%3A%2F%2F mais encodeURI ne le fera pas.

4. La chose la plus importante est de savoir quelle méthode dois-je utiliser dans quelle situation

La différence est très claire ci-dessus. exemples pratiques.

1. S'il s'agit simplement d'une chaîne codée et n'a rien à voir avec l'URL, utilisez l'échappement.

2. Si vous devez encoder l'URL entière puis utiliser cette URL, utilisez encodeURI.

Par exemple,

encodeURI("http://www.cnblogs.com/season-huang/some other thing");

deviendra

"http://www.cnblogs.com/season-huang/some%20other%20thing";

après l'encodage, où les espaces sont encodé Il est devenu %20. Mais si vous utilisez encodeURIComponent, le résultat devient

"http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing"

Voyez-vous la différence ? Même "/" est codé et l'URL entière n'est plus utilisable .

3. Lorsque vous devez encoder des paramètres dans l'URL, encodeURIComponent est le meilleur moyen.

var param = "http://www.cnblogs.com/season-huang/"; //param为参数param = encodeURIComponent(param);var url = "http://www.cnblogs.com?next=" + param;
console.log(url) //"http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2F"

Je l'ai vu, le "/" dans le paramètre peut être encodé. Si vous utilisez encodeURI, il y aura certainement un problème, car le / derrière doit être encodé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!