1. 程式人生 > >encodeURI和 encodeURIComponent 的作用及應用

encodeURI和 encodeURIComponent 的作用及應用

首先解釋下 encodeURIComponent 的作用:將文字字串編碼為一個有效的統一資源識別符號 (URI)。
為什麼要用這個是因為我想把 username 整個當做引數傳遞給 CGI, 而不讓 CGI 將 username 分割掉。這話聽不明白的話我換種方式來說,如果 username = 'a&foo=boo' 而不用 encodeURIComponent 的話,整個引數就成了 name=a&foo=boo, 這樣 CGI 就獲得兩個引數 name 和 foo. 這不是我們想要的。

Javascript 裡還有個同樣功能的函式 encodeURI, 但是此方法不會對下列字元進行編碼:":"、"/"、";" 和 "?"。

再來解析下他們的應用:

js 對文字進行編碼涉及3個函式:escape,encodeURI,encodeURIComponent,相應3個解碼函式:unescape,decodeURI,decodeURIComponent

1、 傳遞引數時需要使用encodeURIComponent,這樣組合的url才不會被#等特殊字元截斷。

例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7& u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a&amp; gt;');</script>

2、 進行url跳轉時可以整體使用encodeURI

例如:Location.href="/encodeURI"("http://cang.baidu.com/do/s?word=百度&ct=21");

3、 js使用資料時可以使用escape

例如:蒐藏中history紀錄。

4、 escape對0-255以外的unicode值進行編碼時輸出%u****格式,其它情況下escape,encodeURI,encodeURIComponent編碼結果相同。


最多使用的應為encodeURIComponent,它是將中文、韓文等特殊字元轉換成utf-8格式的url編碼,所以如果給後臺傳遞引數需要使用encodeURIComponent時需要後臺解碼對utf-8支援(form中的編碼方式和當前頁面編碼方式相同)

escape不編碼字元有69個:*,+,-,.,/,@,_,0-9,a-z,A-Z

encodeURI不編碼字元有82個:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURIComponent不編碼字元有71個:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z