定义和用法:java
encodeURIComponent() 函数可把字符串做为 URI 组件进行编码。jsp
语法:
encodeURIComponent(URIstring)函数
参数 描述:post
URIstring 必需。一个字符串,含有 URI 组件或其余要编码的文本。编码
返回值:url
URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。spa
说明:.net
该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。code
其余字符(好比 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。ip
定义和用法:
decodeURIComponent() 函数可把字符串做为 URI 组件进行解码。
语法:
decodeURIComponent(URIstring)
参数 描述:
URIstring 必需。一个字符串,含有 URI 组件或其余要解码的文本。
返回值:
URIstring 的副本,其中的某些字符被十六进制的转义序列转换成对应的ACSII字符。
今天在使用js的jQuery的post向后台servlet传递拼接的字符串数据时,一些特殊的字符例如:“+、@、#、$、%、&、?、/”等没法传递到后台输出。
举个例子:
var str1="a+aa+bb@kk$dd";
var data="data1"="+str1+"+"&"+"data2"+str2;
若是不进行编码,则经过js的jQuery的post或者使用window.self.location传递数据到后台,都会形成+、@、$字符没法正常输出。
正确写法:
var str1=encodeURIComponent("a+aa+bb@kk$dd");
var data="data1"="+str1+"+"&"+"data2"+str2;
对于使用window.self.location传递数据到后台时,有一个特殊状况,就是java中的解码方式:JavaScript用encodeURIComponent编码后没法再到后台解码的问题。
目前写法:
window.self.location="index.jsp?data="+encodeURIComponent(url);
java处理的代码为:
searchtext=java.net.URLDecoder.decode(searchtext,"UTF-8");
咋一看觉的没问题,一编一解的,应该能够了。但仍是出现了乱码。
缘由:原来在对后台java程序里的data赋值的时候,自己已经使用了一次解码,不过解码的结果依然不对。因此咱们能够在页面上进行两次编码操做,这样后台自动的那次就能够抵消掉一次,而后在使用data=java.net.URLDecoder.decode(data,"UTF-8");进行一次解码就行了。
正确的代码:
JavaScript:
window.self.location="index.jsp?data="+encodeURIComponent(encodeURIComponent(url));
java:
searchtext=java.net.URLDecoder.decode(data,"UTF-8");
另外还有一种方法是JavaScript进行一次编码,后台java处理时换种想法就行了:
java代码:
String s = new String(request.getParameter("data").getBytes("ISO8859-1"), "UTF-8");
对URL编码是常见的事,因此这两个方法应该是实际中要特别注意的。
它们都是编码URL,惟一区别就是编码的字符范围,其中:
encodeURI方法不会对下列字符编码 ASCII字母、数字、~!@#$&*()=:/,;?+'
encodeURIComponent方法不会对下列字符编码 ASCII字母、数字、~!*()'
因此encodeURIComponent比encodeURI编码的范围更大。
实际例子来讲,encodeURIComponent会把 http:// 编码成 http%3A%2F%2F 而encodeURI却不会。