Distinction simple et claire entre escape, encodeURI et encodeURIComponent

Cet article présente principalement les différences entre escape, encodeURI et encodeURIComponent. Les amis dans le besoin peuvent s'y référer

1 Avant-propos

Parlons des différences entre. ces trois méthodes Il y a trop d'articles, 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, les lettres ASCII, les chiffres et @*/+ ne seront pas codés, mais 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 tous deux des URL codées. La seule différence est la plage de caractères codés. La méthode
encodeURI ne codera pas les caractères suivants : lettres ASCII, chiffres, ~!@#$&*()=:/,; ?+ '
La méthode encodeURIComponent n'encodera pas les lettres ASCII, les chiffres, ~!*() pour les caractères suivants.'
EncodeURIComponent a donc 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. Le plus important est quelle méthode dois-je utiliser dans quelle situation

La différence est très claire ci-dessus. Parlons-en du point de vue pratique ? exemples.

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'intégralité de l'URL puis utiliser cette URL, utilisez encodeURI.

Par exemple,

encodeURI("//www.php.cn/season-huang/some other thing");

deviendra

"//www.www.php.cn/season-huang/some%20other%20thing";

après encodage. Parmi eux, les espaces sont codés en %20. Mais si vous utilisez encodeURIComponent, le résultat devient :

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

Voir la différence Oui, 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 = "//www.php.cn/season-huang/"; //param为参数
param = encodeURIComponent(param);
var url = "//www.php.cn?next=" + param;
console.log(url) ////www.php.cn?next=http%3A%2F%2Fwww.jb51.net%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 représente l'intégralité du contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript !

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!