JS中URL中的特殊字符问题:escape,encodeURI,encodeURIComponent

在使用url进行参数传递时，经常会传递一些中文名（或含有特殊字符）的参数或URL地址，在 后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的 urlEncode函数编码的URL，与使用客户端javascript的encodeURI函数编码的URL，结果就不一样。 javascript对文字进行编码涉及 3 个函数： escape,encodeURI,encodeURIComponent ，相应 3 个解码函数： unescape,decodeURI,decodeURIComponent
javaScript中的编码方法：
escape () 方法：采用ISO Latin字符集对指定的字符串进行编码。 所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符： @ * / +
encodeURI ()方法：把URI字符串采用UTF-8编码格式转化成escape格式的字符串。 不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + '
encodeURIComponent ()方法：把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。 所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符：! * ( )
因此，对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的 （比如原页面和目标页面的charset是一致的时候），只需要使用escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是 UTF-8编码的，就要采用encodeURI或者encodeURIComponent。
另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的 ，escape则在javascript1.0版本就有。

1、   传递参数时需要使用 encodeURIComponent ，这样组合的 url 才不会被 # 等特殊字符截断。 例如： <script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent ("http://cang.baidu.com/bruce42")+'"> 退出 </a>');</script>

2、   进行 url 跳转时可以整体使用 encodeURI。 例如： Location.href=encodeURI ("http://cang.baidu.com/do/s?word= 百度 &ct=21");

3、   js 使用数据时可以使用 escape 。 例如：搜藏中 history 纪录。

4、   escape 对 0-255 以外的 unicode 值进行编码时输出 %u**** 格式，其它情况下 escape ， encodeURI ， encodeURIComponent 编码结果相同。

 

最多使用的应为 encodeURIComponent ，它是将中文、韩文等特殊字符转换成 utf-8 格式的 url 编码，所以如果给后台传递参数需要使用 encodeURIComponent 时需要后台解码对 utf-8 支持（ form 中的编码方式和当前页面编码方式相同）

escape 不编码字符有 69 个： * ， + ， - ， . ， / ， @ ， _ ， 0-9 ， a-z ， A-Z

encodeURI 不编码字符有 82 个： ! ， # ， $ ， & ， ' ， ( ， ) ， * ， + ， , ， - ， . ， / ， : ， ; ， = ， ? ， @ ， _ ， ~ ， 0-9 ， a-z ， A-Z

encodeURIComponent 不编码字符有 71 个： ! ， ' ， ( ， ) ， * ， - ， . ， _ ， ~ ， 0-9 ， a-z ， A-Z
以下是url中可能用到的特殊字符及在url中的经过编码后的值：（略）
项目中发现，直接对url中的参数部分做encodeURI() 编码转换，后台servlet通过getParamater（）获取时，不需要转换可以直接获取到正确的值。 说明：参数没有用到中文，框架用的是struts框架。

 

原文地址 ：http://hi.baidu.com/zhangge9477/blog/item/79531c03f5dfc47f3812bb7b.html