解决:javaScript中URL编码转换问题
前段时间,开发过程中遇到一个问题。原来,我们网站使用VS2005中的登录控件实现登录功能,因为网站发展,新建了很多子站点。这些子站点的登录都使用原来站点的同一个登录页面来进行登录,登录后,会根据登录页面url中的ReturnUrl的地址进行自动跳转。但是默认的ReturnUrl中的值是一个相对路径。其他子站点到登录页面再返回时,根据相对路径返回会发生错误。由于登录的连接是在一个静态页面上,这样就想让登录页面中的ReturnUrl是一个绝对路径。
考虑使用在javascript取当前页的location,赋值给login.aspx的ReturnUrl,形成类似 login.aspx?ReturnUrl=http%3A%2F%2Fgongwuyuan.studyez.com%2F 的连接。取当前页面的location很好取,但是ReturnUrl后面要跟的是一个编码过的url。尝试了一下使用escape() 方法,发现不支持“/”的编码。同事告诉我使用encodeURI() 方法,结果也使不支持“/”。最后通过Jscript手册,找到encodeURIComponent()方法,一试,好了,可以支持“/”的编码。
最后完成的代码如下
<html>
<body>
<a href="javascript:login()" mce_href="javascript:login()" title="登录">登录</a>
<script language="javascript">
function login()
{
document.location.href = "http://www.studyez.com/auth/login.aspx?ReturnUrl="+encodeURIComponet(document.location.href);
}
</script>
</body>
</html>
除了我上面遇到的问题,平时url的编码应用也比较广泛。在使用url进行参数传递时,经常会传递一些中文名的参数或URL地址,在后台处理时会发生转换错误。在有些传递页面使用GB2312,而在接收页面使用UTF8,这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL,与使用客户端javascript的encodeURI函数编码的URL,结果就不一样。
对比上面提到的三个编码方法
escape() 方法:
采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符: @ * / +
encodeURI() 方法:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '
encodeURIComponent() 方法:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符:! * ( )
如果你的页面编码格式与接受页面的编码格式不一致的话,就要采用encodeURI或者encodeURIComponent。(例如你的页面是GB2312的,而接受页面时UTF-8的)