js 對url進行編碼和解碼

三種編碼和解碼函數(shù)

encodeURI和 decodeURI

它著眼于對整個URL進行編碼，因此除了常見的符號以外，對其他一些在網(wǎng)址中有特殊含義的符號"; / ? : @ & = + $ , #"，也不進行編碼。編碼后，它輸出符號的utf-8形式，并且在每個字節(jié)前加上%。

需要注意的是，它不對單引號’編碼。

encodeURIComponent和decodeURIComponent（推薦使用）

它用于對URL的組成部分進行個別編碼，而不用于對整個URL進行編碼。

因此，"; / ? : @ & = + $ , #"，這些在encodeURI()中不被編碼的符號，在encodeURIComponent()中統(tǒng)統(tǒng)會被編碼

escape 和 unescape

對除ASCII字母、數(shù)字、標(biāo)點符號 @ * _ + - . / 以外的其他字符進行編碼。

js url二次編碼和解碼

問題

今天遇到了一個奇怪的問題：在JS中用decodeURI()解析完一串URL編碼后發(fā)現(xiàn)它依舊是URL編碼，看的我一臉懵逼！最后發(fā)現(xiàn)參數(shù)里面竟然是一個URL二次編碼！

類似下面這種形式：

"%25E6%2588%2591%25E7%2588%25B1%25E4%25BD%25A0"

也就是說也解碼兩次才能得到原碼，如下：

//編碼結(jié)果：%25E6%2588%2591%25E7%2588%25B1%25E4%25BD%25A0
encodeURI(encodeURI('我愛你'))
//解碼結(jié)果：我愛你
decodeURI(decodeURI("%25E6%2588%2591%25E7%2588%25B1%25E4%25BD%25A0"))

URL編碼解碼原理

URL編碼原理：

這個百度百科上解釋的就很好：URL編碼就是一個字符ASCII碼的十六進制。不過稍微有些變動，需要在前面加上“%”。比如：“\”，它的ASCII碼是92，92的十六進制是5c，所以“\”的URL編碼就是%5c。

URL二次編碼會對生成的編碼再做一次編碼，還拿“\”為例，一次編碼后是“%5c”，再對“%5c”進行編碼得到：“%255c”。

二次編碼其實就是對%做了編碼，后面的字母和數(shù)字沒變，“%”的URL編碼是“%25”，所以二次編碼全都是已%25開頭的。

注意：encodeURI()僅會將特殊字符轉(zhuǎn)化成URL編碼形式，特殊的字符：就是那些不是簡單的七位ASCII，如漢字，中文標(biāo)點，當(dāng)然也包括%[] {}|等特殊字符。例如：

//結(jié)果：123abcABC
encodeURI("123abcABC")
//結(jié)果："520%E9%9B%AA%E7%8B%90"
encodeURI("520雪狐")
//結(jié)果："%25%7C%5B%5D%7B%7D"
encodeURI("%|[]{}")

URL編碼原理：就是編碼的逆過程，不再贅述。

注意：decodeURI也僅對URL編碼解碼，普通字符解碼后依舊是普通字符，例如：

//結(jié)果："234"
decodeURI('234')
//結(jié)果：我愛你
decodeURI("%E6%88%91%E7%88%B1%E4%BD%A0")
//結(jié)果：我愛你
decodeURI("我愛你")

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。