为什么要对URL进行编码?
一般来说,网页URL只能使用英文、数字、还有一些特定的字符。根据网络标准RFC 1738做了硬性规定:
只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字,才可以不经过编码直接用于URL。
所以若URL中包括中文等字符,就必须经过编码后使用,否则传给服务器的request URL就会包含乱码,服务器无法正确识别。
因为RFC 1738没有规定具体的编码方法,而是交给应用程序(浏览器)自己决定,所以导致“URL编码”领域非常混乱。想要了解浏览器多种情况下的编码处理,可以参考阮一峰大神的关于URL编码。
URL的编码与解码方法
不同的操作系统、不同的浏览器、不同的网页字符集,将导致完全不同的编码结果,为了保证客户端只用一种编码方法向服务器发出请求,可以使用Javascript先对URL编码,然后再向服务器提交,不要给浏览器插手的机会。
编码方法有三种:
escape(url)、encodeURL(url)、encodeURLComponent(url) (url为需要编码的URL)
方法 | 规则 | 特点 |
escape(编码) unescape(解码) |
除了ASCII字母、数字、标点符号"@ * _ + - . /"以外,对其他所有字符进行编码 | 现在已经不提倡使用这种方法了,它不能直接运用与URL编码,它的真正作用是返回一个字符的Unicode编码值 |
encodeURI(编码) decodeURI(解码) |
除了常见的符号以外,对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码 | encodeURI()是Javascript中真正用来对URL编码的函数,它着眼于对整个URL进行编码 |
encodeURIComponent(编码) decodeURIComponent解码) |
在encodeURI()中不被编码的符号"; / ? : @ & = + $ , #",在encodeURIComponent()中统统会被编码 | 与encodeURI()的区别是,它用于对URL的组成部分进行个别编码,而不用于对整个URL进行编码 |
举个栗子:
用后两种常用编码方法对该URL:http://www.w3school.com.cn/my first:class/ 进行编码:
- encodeURI: encodeURI('http://www.w3school.com.cn/my first:class/') -> http://www.w3school.com.cn/my%20first:class/
- encodeURIComponent: encodeURIComponent('http://www.w3school.com.cn/my first:class/') -> http%3A%2F%2Fwww.w3school.com.cn%2Fmy%20first%3Aclass%2F