encodeURIComponent()函数在url传参中的作用和使用方法

为什么使用 encodeURIComponent() 

在使用 URL 传参的时候,如果参数中有空格等特殊字符,浏览器可能只会读取到空格面前的内容,导部分致数据丢失。

可以使用 encodeURIComponent() 方法,将这些特殊字符进行转义,这样就可以正常读取了。

定义和用法:

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

语法:

encodeURIComponent(URIstring)

参数:

URIstring必需。一个字符串,含有 URI 组件或其他要编码的文本。

返回值:

URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。

注意:

1、该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。

2、其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

3、请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

应用:

如果我们要将一个对象通过 URL 进行传输,可以将对象转成字符串,再用 encodeURIComponent() 函数进行转义:

encodeURIComponent(JSON.stringify(cardOBJ))

然后将接收的参数转换成对象:

JSON.parse(decodeURIComponent(params.cardOBJ))

这里的:

decodeURIComponent() 用于对 encodeURIComponent() 进行反转义。

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

未经允许不得转载:前端资源网 - w3h5 » encodeURIComponent()函数在url传参中的作用和使用方法

赞 (2)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)