encodeURI()和encodeURIComponent() 区别

Posted ssaylo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了encodeURI()和encodeURIComponent() 区别相关的知识,希望对你有一定的参考价值。

  1. 什么是 URI?

    Uniform ResourceIdentifiers,通用资源标识符

  2. encodeURI() 和 encodeURIComponent 的作用

    Global 对象的 encodeURi() 和 encodeURIComponent()方法可以对 URI 进行编码,以便于发送给浏览器。有效的 URI 不能包含某些字符,例如空格、问号等等等等。然后使用这两个方法就可以对 URI 进行编码,它们用特殊的 UTF-8 编码替换所有无效的字符,让浏览器接受和理解。不然的话,前端有些 url 带查询条件的功能就实现不了。

  3. 区别

    1. encodeURI()主要用于整个URI(例如,http://www.jxbh.cn/illegal value.htm),而encode-URIComponent()主要用于对URI中的某一段(例如前面URI中的illegal value.htm)进行编码。

    2. ,encodeURI()不会对本身属于URI的特殊字符进行编码,例如冒号、正斜杠、问号和井字号;而encodeURIComponent()则会对它发现的任何非标准字符进行编码。

      var uri="http://www.jxbh.cn/illegal value.htm#start";
      //”http: //www.jxbh.cn/illegal%20value .htm#s tart”
      alert(encodeURI (uri)):
      //”http% 3A%2F%2Fwww.jxbh.cn%2 Fillegal%2 0value. htm%23 start”
      alert( encodeURIComponent (uri));
      

      使用encodeURI()编码后的结果是除了空格之外的其他字符都原封不动,只有空格被替换成了%20。而encodeURIComponent()方法则会使用对应的编码替换所有非字母数字字符。这也正是可以对整个URI使用encodeURI(),而只能对附加在现有URI后面的字符串使用encodeURIComponent()的原因所在。

  4. 总结

    一般来说,我们使用encodeURIComponent()方法的时候要比使用encodeURI()更多,因为在实践中更常见的是对查询字符串参数而不是对基础URL进行编码.

    经我的观测,很多网站的cookie在进行编码的时候,是encodeURIComponent格式的,所以应该使用decodeURIComponent()进行解码(所以在通常情况下,用 encodeURIComponent())

以上是关于encodeURI()和encodeURIComponent() 区别的主要内容,如果未能解决你的问题,请参考以下文章

encodeURI和encodeURIComponent区别

encodeURIComponent和encodeURI的区别

encodeURI()和encodeURIComponent() 区别

encodeURI和decodeURI方法

encodeURI与decodeURI

js encodeURI 和 encodeURIComponent 的区别