为什么使用 encodeURIComponent()
在使用 URL 传参的时候,如果参数中有空格等特殊字符,浏览器可能只会读取到空格面前的内容,导部分致数据丢失。
可以使用 encodeURIComponent()
方法,将这些特殊字符进行转义,这样就可以正常读取了。
定义和用法:
encodeURIComponent()
函数可把字符串作为 URI 组件进行编码。
语法:
代码语言:javascript复制encodeURIComponent(URIstring)
参数:
URIstring
必需。一个字符串,含有 URI 组件或其他要编码的文本。
返回值:
URIstring
的副本,其中的某些字符将被十六进制的转义序列进行替换。
注意:
1、该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。
2、其他字符(比如 :;/?:@&= $,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。
3、请注意 encodeURIComponent()
函数 与 encodeURI()
函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent()
函数将转义用于分隔 URI 各个部分的标点符号。
应用:
如果我们要将一个对象通过 URL 进行传输,可以将对象转成字符串,再用 encodeURIComponent()
函数进行转义:
encodeURIComponent(JSON.stringify(cardOBJ))
然后将接收的参数转换成对象:
代码语言:javascript复制JSON.parse(decodeURIComponent(params.cardOBJ))
这里的:
decodeURIComponent()
用于对 encodeURIComponent()
进行反转义。
JSON.stringify()
方法用于将 JavaScript 值转换为 JSON 字符串。
JSON.parse()
方法用于将一个 JSON 字符串转换为对象。
未经允许不得转载:w3h5 » encodeURIComponent()函数在url传参中的作用和使用方法