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传参中的作用和使用方法