一、實例比較

數據傳遞常需要編碼后傳遞，接收還需反編譯，定義url：

var url = "https://www.cnblogs.com/?username='小森森'&password='666666'";

escape 與 unescape

console.log(escape(url));// 編碼
console.log(unescape(escape(url)));// 解碼

結果:

https%3A//www.cnblogs.com/%3Fusername%3D%27%u5C0F%u68EE%u68EE%27%26password%3D%27666666%27

encodeURIComponent 與 decodeURIComponent (推薦）

console.log(encodeURIComponent(url));// 編碼
console.log(decodeURIComponent(encodeURIComponent(url)));// 解碼

結果:

https%3A%2F%2Fwww.cnblogs.com%2F%3Fusername%3D'%E5%B0%8F%E6%A3%AE%E6%A3%AE'%26password%3D'666666'

encodeURI 與 decodeURI

console.log(encodeURI(url));// 編碼
console.log(decodeURI(encodeURI(url)));// 解碼

結果:

https://www.cnblogs.com/?username='%E5%B0%8F%E6%A3%AE%E6%A3%AE'&password='666666'

二、區(qū)別分析

三種方法都不會對 ASCII 字母、數字和規(guī)定的特殊 ASCII 標點符號進行編碼，其余都替換為十六進制轉義序列.

escape 與 unescape

escape不編碼字符有69個：*，+，-，.，/，@，_，0-9，a-z，A-Z

對字符串全部進行轉義編碼，ECMAScript v3 反對使用該方法，對URL編碼勿使用此方法

encodeURIComponent 與 decodeURIComponent

encodeURIComponent不編碼字符有71個：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

傳遞參數時需使用encodeURIComponent，組合的url才不會被#等特殊字符截斷

encodeURI 與 decodeURI

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

進行url跳轉時可以整體使用encodeURI，如果URI中含分隔符如 ? 和 #，應使用encodeURIComponent

三、結論

推薦使用encodeURIComponent

到此這篇關于JS中三種URI編碼方式比較的文章就介紹到這了,更多相關js URI編碼內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論