JavaScript中url 传递参数(特殊字符)解决方法及转码解码的介绍

有些符号在URL中是不能直接传递的，若是要在URL中传递这些特殊符号，那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码 

　 　 十六进制值 
1. + URL 中+号表示空格 %2B 
2. 空格 URL中的空格能够用+号或者编码 %20 
3. / 分隔目录和子目录 %2F 
4. ? 分隔实际的 URL 和参数 %3F 
5. % 指定特殊字符 %25 
6. # 表示书签 %23 
7. & URL 中指定的参数间的分隔符 %26 
8. = URL 中指定参数的值 %3D 


解决的方法： 

replace() 方法若是直接用str.replace("-","!") 只会替换第一个匹配的字符. 
而str.replace(/\-/g,"!")则能够替换掉所有匹配的字符(g为全局标志)。 
replace() 

js中替换字符变量以下： 

data2=data2.replace(/\%/g,"%25"); 
data2=data2.replace(/\#/g,"%23"); 
data2=data2.replace(/\&/g,"%26"); 


在使用url进行参数传递时，常常会传递一些 中文名（或含有特殊字符）的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参 数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端java的encodeURI函数编码的URL，结果就不 同样。 

java对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 

java中的编码方法： 
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是在java1.5以后引进的，escape则在java1.0版本就有。 
一、  传递参数时须要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。 
   例如：

Html代码 

1. < languagelanguage="java">write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</>  

二、  进行url跳转时能够总体使用encodeURI 
例如：

Java代码 

1. Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");  

三、  js使用数据时可使用escape 
例如：搜藏中history纪录。 
四、  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编码 

符号	解释	转义
#	用来标志特定的文档位置	%23
%	对特殊字符进行编码	%25
&	分隔不一样的变量值对	%26
+	在变量值中表示空格	%2B
/	表示目录路径	%2F
\	表示目录路径	%5C
=	用来链接键和值	%3D
?	表示查询字符串的开始	%3F
空格	空格	%20
.	句号	%2E
:	冒号	%3A

项目中发现，直接对url中的参数部分作encodeURI（）编码转换，后台servlet经过getParamater（）获取时，不须要转换能够直接获取到正确的值。

 

附录：

javascript中的编码与解码

javascript中可用的编码解码函数，有以下的组合： 

• escape(string); 
  unescape(string);
• encodeURI(string); 
  decodeURI(string);
• encodeURIComponent(string); 
  decodeURIComponent(string);

他们之间的区别为：

escape/unescape： 
以16进制编码字符串，对空格、符号等字符用%xx编码表示，对中文等字符用%uxxxx编码表示。自javascript1.5以后，此方法已经不被推荐使用。

encodeURI/decodeURI： 
以UTF-8编码编码字符串，对这些字符：“ ; , / ? : @ & = + $ ”不作编码。

encodeURIComponent/decodeURIComponent： 
以UTF-8编码编码全部字符串。

由于escape/unescape已经deprecated。就不说它了，encodeURI和encodeURIComponent以前的区别用实例说明： 

好比说要使用get方式将一个参数u，传递给服务器：

var   u="index.php?blogId=1&op=Default"; 
var  getURL="http://www.simplelife.cn/test.php?p="+encodeURI(u);

这里，若是使用了encodeURI，那么最终的getURL的值为： 

http://www.simplelife.cn/test.php?p=index.php?blogId=1&op=Default

这样，对参数u中的字符"&op=Default"，将不会做为字符串参数传递到服务器端，而是看成test.php的参数传递过去了，由于对"&op=Default"中的字符"&"没有作编码。 
因此，在这种应用场景下，就须要使用encodeURIComponent，编码后的getURL值为： 

http://www.simplelife.cn/test.php?p=index.php%3FblogId%3D1%26op%3DDefault

这样，参数就能够顺利传递过去了。在服务器端获得的字符串将是正确的u。 

反之，若是须要经过get方式访问某一URL，可是URL中包含中文等字符，为了防止乱码等编码问题，须要将URL经过encodeURI进行编码。