JavaScript中各编码解码函数的区别和注意事项
时间：2010-08-17 来源：行万里路 责任 创新 执着
JavaScript 中encodeURI,encodeURIComponent与escape的区别和注意
大家在使用JS提交数据时，尤其是中文的时候，经常会需要将要提交的字符串进行URL编码。在JS中对字符串进行URL编码有好几种方 法，encodeURI，encodeURIComponent，还有escape。在我看到的很多代码中escape这个函数用的最多，不过这个函数却 是不推荐使用的。下面我们来分别看看这几个函数： encodeURI：对指定的字符串进行URL编码，不包括 : # / \ = & 这些URL中的关键字符。 encodeURIComponent：对字符串中的字符进行编码，包括URL中的特殊字符。 escape:这个是JS比较早期版本的函数，这个函数中处理unicode字符的时候会有些问题。 代码如下： 1 var url = "http://www.abc.com?q=aa& amp;b=呵呵"; 2 3 var encodedUrl = encodeURI(url); 4 5 alert(encodedUrl); //输出：http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5 6 7 encodedUrl = encodeURIComponent(url); 8 alert(encodedUrl); //输出：http%3A%2F %2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5 9 10 alert(escape(url)); //输出：http%3A//www.abc.com%3Fq%3Daa%26b%3D%u5475%u5475
如上所示，escape函数中处理中文字符的时候，都会转换成%uxxxx这种形式，显然这个和URL编码的格式不一样，而 encodeURIComponent函数编码是最彻底的，如果没有特殊需要的话，encodeURIComponent这个函数是比较常用的，当然，也 许我们使用escape也不会有什么问题，也许你的服务端语言也能够正常的解析出来，不过这个函数在处理unicode字符的时候还不是很标准，所以这里 建议大家使用encodeURIComponent和decodeURIComponent这对函数来对字符串进行URL编码和解码。
大家在使用JS提交数据时，尤其是中文的时候，经常会需要将要提交的字符串进行URL编码。在JS中对字符串进行URL编码有好几种方 法，encodeURI，encodeURIComponent，还有escape。在我看到的很多代码中escape这个函数用的最多，不过这个函数却 是不推荐使用的。下面我们来分别看看这几个函数： encodeURI：对指定的字符串进行URL编码，不包括 : # / \ = & 这些URL中的关键字符。 encodeURIComponent：对字符串中的字符进行编码，包括URL中的特殊字符。 escape:这个是JS比较早期版本的函数，这个函数中处理unicode字符的时候会有些问题。 代码如下： 1 var url = "http://www.abc.com?q=aa& amp;b=呵呵"; 2 3 var encodedUrl = encodeURI(url); 4 5 alert(encodedUrl); //输出：http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5 6 7 encodedUrl = encodeURIComponent(url); 8 alert(encodedUrl); //输出：http%3A%2F %2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5 9 10 alert(escape(url)); //输出：http%3A//www.abc.com%3Fq%3Daa%26b%3D%u5475%u5475
如上所示，escape函数中处理中文字符的时候，都会转换成%uxxxx这种形式，显然这个和URL编码的格式不一样，而 encodeURIComponent函数编码是最彻底的，如果没有特殊需要的话，encodeURIComponent这个函数是比较常用的，当然，也 许我们使用escape也不会有什么问题，也许你的服务端语言也能够正常的解析出来，不过这个函数在处理unicode字符的时候还不是很标准，所以这里 建议大家使用encodeURIComponent和decodeURIComponent这对函数来对字符串进行URL编码和解码。
相关阅读 更多 +
