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

原创 2016年08月30日 17:09:55

     在使用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方法与此相反。

该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。其他所有的字符都会被转义序列替换。


encodeURI()方法:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

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

该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?:@&=+$,#

提示:如果 URI 组件中含有分隔符,比如 ? 和 #,则应当使用 encodeURIComponent() 方法分别对各组件进行编码。

例子:color:#ff0000;必须要用encodeURIComponent处理。


encodeURIComponent()方法:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码

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

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


因此,对于中文字符串来说,如果不希望把字符串编码格式转化成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、  escape0-255以外的unicode值进行编码时输出%u****格式,其它情况下escapeencodeURIencodeURIComponent编码结果相同。


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

escape不编码字符有69个:*+-./@_0-9a-zA-Z

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

encodeURIComponent不编码字符有71个:! '()*-._~0-9a-zA-Z

项目中发现,直接对url中的参数部分做encodeURI()编码转换,后台servlet通过getParamater()获取时,不需要转换可以直接获取到正确的值。说明:参数没有用到中文,框架用的是struts框架。



ps:使用get方法请求服务器时,如果url含有#符号,那么浏览器自动截断#字符和其后面的值。

解决办法:

方法1:通过post方式传递数据;含有特殊字符的字符串不会被截断,会被原原本本地传到server。
方法2:对参数进行一次编码parameter=escape(parameter);


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

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

在使用url进行参数传递时,经常会传递一些中文名(或含有特殊字符)的参数或URL地址,在后台处理时会发生转换错误。在有些传递页面使用GB2312,而在接收页面使用UTF8,这样接收到的参数就可能会与原...

JS 字符串编码函数(解决URL特殊字符传递问题):escape()、encodeURI()、encodeURIComponent()区别详解

JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod...
  • jumtre
  • jumtre
  • 2016-05-13 11:16
  • 2219

url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介

参考: http://www.haorooms.com/post/js_escape_encodeURIComponent因此,; / ? : @ & = + $ , #,这些在encodeURI(...

url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介

转载地址:http://www.haorooms.com/post/js_escape_encodeURIComponent 引子 浏览器URl地址,上网一定会用到,但是浏览器地址有中...

url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介

引子 浏览器URl地址,上网一定会用到,但是浏览器地址有中文或者浏览器url参数操作的时候,经常会用到encodeURIComponent()和decodeURIComponent()以及encod...

JSP、AJax中文乱码问题解决,escape(), encodeURI(), encodeURIComponent(),js对参数连续两次调用 encodeURI(String) 方法

ajax检证用户就否存在和解决乱码问题! 原文:http://user.qzone.qq.com/278887848/blog/11 写了一个ajax,在...

URL编码方法比较 Encode,Javascript,escape,encodeURI,encodeURIComponent,UTF-8javascript

javascript中存在几种对url字符串进行编码的方法:escape(),encodeuri(),以及encodeuricomponent()。这几种编码所起的作用各不相同。 escape() ...

javascript URL编码方法的比较(escape encodeURI encodeURIComponent)

javascript中存在几种对URL字符串进行编码的方法:escape(),encodeURI(),以及encodeURIComponent() 。这几种编码所起的作用各不相同。 escape()...

javaScript中URL编码转换,escape() encodeURI() encodeURIComponent

javaScript中URL编码转换,escape() encodeURI() encodeURIComponent http://www.cnblogs.com/winner/archive/2...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)