1-为什么要使用encodeURIComponent

1、encodeURIComponent

作用

将文本字符串编码为一个有效的统一资源标识符 (URI)。

Global对象

ECMAScript中的Global对象在某种意义上是作为一个终极的“兜底儿对象”来定义的。换句话说，不属于任何其他对象的属性和方法，最终都是它的属性和方法。

为何要对URI进行编码：

通常如果一样东西需要编码，说明这样东西并不适合传输。原因多种多样，如Size过大，包含隐私数据。

对于Url来说，之所 以要进行编码，是因为Url中有些字符会引起歧义。

 

如Url参数字符串中使用key=value键值对这样的形式来传参，键值对之间以&符号隔，如/s?q=abc&ie=utf- 8。如果你的value字符串中包含了=或者&，那么势必会造成接收Url的服务器解析错误，因此必须将引起歧义的&和=符号进行转义， 也就是对其进行编码。 如：我想把 username 整个当做参数传递给 CGI, 而不让 CGI 将username 分割掉。这话听不明白的话我换种方式来说，如果 username = 'a&foo=boo' 而不用 encodeURIComponent 的话，整个参数就成了 name=a&foo=boo, 这样 CGI 就获得两个参数 name 和 foo. 这不是我们想要的。

又如，Url的编码格式采用的是ASCII码，而不是Unicode，这也就是说你不能在Url中包含任何非ASCII字符，例如中文。否则如果客户端浏 览器和服务端浏览器支持的字符集不同的情况下，中文可能会造成问题。

 

URI编码

Global对象的encodeURI()和encodeURIComponent()方法

可以对URI (Uniform ResourceIdentifiers,通用资源标识符)进行编码，以便发送给浏览器。有效的URI中不能包含某些字符，例如空格。而这URI编码方法就可以对URI进行编码，它们用特殊的UTF-8编码替换所有无效的字 符，从而让浏览器能够接受和理解。

 

2、encodeURI()和encodeURIComponent() 区别

前言：统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。关于编码和解码，目前js常用的就两套：

1.encodeURI 和 decodeURI

2.encodeURIComponent 和 decodeURIComponent

主要区别：

encodeURI 不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号；

encodeURIComponent 会对它发现的任何非标准字符进行编码。

例子：
var url="http://www.baidu.com?name=hjl&age=69&sex=男&province=!@#$%^&*()"
encodeURI: http://www.baidu.com?name=hjl&age=69&sex=%E7%94%B7&province=!@#$%25%5E&*()

encodeURIComponent: http%3A%2F%2Fwww.baidu.com%3Fname%3Dhjl%26age%3D69%26sex%3D%E7%94%B7%26province%3D!%40%23%24%25%5E%26*()

3.为什么encodeURIComponent / encodeURI编码时要编码两次 ?

encodeURI使用的是 UTF-8 编码规则来编的，当服务器接收url的参数后会自动解码一次，但自动解码的字符集不一定是UTF-8，字符集不一致时解码会出现乱码。