實踐出真知，項目中遇到坑，填滿后總結(jié)：編碼不一定需要解碼

rsa加密字段(base64位后)，通過url?filed=value傳輸后，總是有+等特殊字符，然后到后端時base64解不開，發(fā)現(xiàn)很多空格。

嘗試用encodeURI發(fā)現(xiàn)還是有空格，最后使用encodeURIComponent解決問題

總結(jié)時發(fā)現(xiàn)下面的文章說的比較透徹。

https://www.cnblogs.com/season-huang/p/3439277.html

一、前言

講這3個方法區(qū)別的文章太多了，但是大部分寫的都很繞。本文試圖從實踐角度去講這3個方法。

?

二、escape和它們不是同一類

簡單來說，escape是對字符串(string)進(jìn)行編碼(而另外兩種是對URL)，作用是讓它們在所有電腦上可讀。
編碼之后的效果是%XX或者%uXXXX這種形式。
其中?ASCII字母、數(shù)字、@*/+?，這幾個字符不會被編碼，其余的都會。
最關(guān)鍵的是，當(dāng)你需要對URL編碼時，請忘記這個方法，這個方法是針對字符串使用的，不適用于URL。
事實上，這個方法我還沒有在實際工作中用到過，所以就不多講了。

?

三、最常用的encodeURI和encodeURIComponent

對URL編碼是常見的事，所以這兩個方法應(yīng)該是實際中要特別注意的。 它們都是編碼URL，唯一區(qū)別就是編碼的字符范圍，其中 encodeURI方法不會對下列字符編碼??ASCII字母、數(shù)字、~!@#$&*()=:/,;?+' encodeURIComponent方法不會對下列字符編碼?ASCII字母、數(shù)字、~!*()' 所以encodeURIComponent比encodeURI編碼的范圍更大。 實際例子來說，encodeURIComponent會把 http:// ?編碼成 ?http%3A%2F%2F 而encodeURI卻不會。

四、最重要的，我該什么場合用什么方法

區(qū)別上面說的很清楚了，接下來從實際例子來說說把。 1、如果只是編碼字符串，不和URL有半毛錢關(guān)系，那么用escape。 2、如果你需要編碼整個URL，然后需要使用這個URL，那么用encodeURI。 比如 encodeURI("http://www.cnblogs.com/season-huang/some other thing"); 編碼后會變?yōu)? "http://www.cnblogs.com/season-huang/some%20other%20thing";

其中，空格被編碼成了%20。但是如果你用了encodeURIComponent，那么結(jié)果變?yōu)?/p> "http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing"

看到了區(qū)別嗎，連 "/" 都被編碼了，整個URL已經(jīng)沒法用了。

　　

3、當(dāng)你需要編碼URL中的參數(shù)的時候，那么encodeURIComponent是最好方法。

var param = "http://www.cnblogs.com/season-huang/"; //param為參數(shù) param = encodeURIComponent(param); var url = "http://www.cnblogs.com?next=" + param; console.log(url) //"http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2F" 看到了把，參數(shù)中的 "/" 可以編碼，如果用encodeURI肯定要出問題，因為后面的/是需要編碼的。

?

轉(zhuǎn)載于:https://www.cnblogs.com/davidwang456/p/8861800.html

總結(jié)

以上是生活随笔為你收集整理的encodeURIComponent的用法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。