JS codifica y decodifica URLs (tres formas de distinguirlas)

Pequeña basura · Publicado en 23/1/2019 15:06:04

Solo 0-9[a-z] $ - _ . + ! * ' ( ), y ciertas palabras reservadas pueden usarse directamente en URLs sin codificación.

Por ejemplo, si buscas una palabra clave china, copia la URL y luego pégala para ver que la URL ha sido transcodificada.

1. Escape y Unescape

Principio: Divide las letras, números, signos de puntuación ASCII @ * _ + - . /

Código: escape('http://www.baidu.com?name=zhang@xiao@jie&order=1')

Resultado: "http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"

Escape ('Zhang')

Resultado: "%u5F20"

decodificado: unescape("http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

Resultado: "http://www.baidu.com?name=zhang@xiao@jie&order=1"

unescape("%u5F20")

Resultado: "Zhang"

2. encodeURI y decodeURI

Principio: Devuelve una cadena codificada como un Identificador Uniforme de Recursos (URI) válido, un carácter que no está codificado:! @ # $ & * ( ) = : / ; ? + '

encodeURI() es la función en Javascript que realmente se utiliza para codificar URLs.

Codificación: encodeURI('http://www.baidu.com?name=zhang@xiao@jie&order=1')

Resultado: "http://www.baidu.com?name=zhang@xiao@jie&order=1"

decodificación: decodeURI("http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

Resultado: "http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"

3. encodeURIComponente y decodeURIComponente

Principio: Codificar los componentes de una URL individualmente, no toda la URL

Codificación: encodeURIComponent('http://www.baidu.com?name=zhang@xiao@jie&order=1')
Resultado: "http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1"

decoding: decodeURIComponent("http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1")

"http://www.baidu.com?name=zhang@xiao@jie&order=1"

[JavaScript] JS codifica y decodifica URLs (tres formas de distinguirlas)

Publicaciones relacionadas

Secciones vistas