JavaScript中各種編碼解碼函數的區別和注意事項

2019-11-21 00:17:19

字體：大中小

來源：轉載

供稿：網友

大家在使用JS提交數據時，尤其是中文的時候，經常會需要將要提交的字符串進行URL編碼。在JS中對字符串進行URL編碼有好幾種方法，encodeURI，encodeURIComponent，還有escape。在我看到的很多代碼中escape這個函數用的最多，不過這個函數卻是不推薦使用的。下面我們來分別看看這幾個函數：
　　
　　encodeURI：對指定的字符串進行URL編碼，不包括 : # / / = & 這些URL中的關鍵字符。
　　
　　encodeURIComponent：對字符串中的字符進行編碼，包括URL中的特殊字符。
　　
　　escape:這個是JS比較早期版本的函數，這個函數中處理unicode字符的時候會有些問題。
　　代碼如下：

復制代碼代碼如下:

 
var url = "http://www.abc.com?q=aa& amp;b=呵呵"; 
var encodedUrl = encodeURI(url); 
alert(encodedUrl); //輸出：http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5 
encodedUrl = encodeURIComponent(url); 
alert(encodedUrl); //輸出：http%3A%2F %2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5 
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面向對象編程之對象使用分析

下一篇：JavaScript獲取系統自帶的顏色選擇器功能（圖）