1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 【前端实用工具集】js对url进行编码和解码的三种方式

【前端实用工具集】js对url进行编码和解码的三种方式

时间:2020-03-31 11:25:51

相关推荐

【前端实用工具集】js对url进行编码和解码的三种方式

前提知识:只有 0-9[a-Z] $ - _ . + ! * ’ ( ) , 以及某些保留字,才能不经过编码直接用于 URL。中文字符等会被转码

1 escape 和 unescape

对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。

escape编码,unescape解码

例子:

编码

escape(‘?name=zhang@xiao@jie&order=1’)

结果:“http%3A//%3Fname%3Dzhang@xiao@jie%26order%3D1”

编码

escape(‘张’)

结果:"%u5F20"

编码

unescape(“http%3A//%3Fname%3Dzhang@xiao@jie%26order%3D1”)

结果:“?name=zhang@xiao@jie&order=1”

编码

unescape("%u5F20")

结果:“张”

2、encodeURI 和 decodeURI

返回编码为有效的统一资源标识符 (URI) 的字符串,不会被编码的字符:! @ # $ & * ( ) = : / ; ? + ’

encodeURI()是Javascript中真正用来对URL编码的函数。

例子:

编码:

encodeURI(‘?name=zhang@xiao@jie&order=1’)

结果:“?name=zhang@xiao@jie&order=1”

解码:

decodeURI(“http%3A//%3Fname%3Dzhang@xiao@jie%26order%3D1”)

结果:“http%3A//%3Fname%3Dzhang@xiao@jie%26order%3D1”

3、encodeURIComponent 和 decodeURIComponent

原理:对URL的组成部分进行个别编码,而不用于对整个URL进行编码

例子:

编码:encodeURIComponent(‘?name=zhang@xiao@jie&order=1’)

结果:“http%3A%2F%%3Fname%3Dzhang%40xiao%40jie%26order%3D1”

解码:decodeURIComponent(“http%3A%2F%%3Fname%3Dzhang%40xiao%40jie%26order%3D1”)

结果:“?name=zhang@xiao@jie&order=1”

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。