JS對(duì)URL字符串進(jìn)行編碼/解碼分析
更新時(shí)間:2008年10月25日 01:49:06 作者:
節(jié)約時(shí)間,先寫出總結(jié),推薦使用encodeURIComponent()來對(duì)URL進(jìn)行編碼。
雖然escape()、encodeURI()、encodeURIComponent()三種方法都能對(duì)一些影響URL完整性的特殊
字符進(jìn)行過濾。但后兩者是將字符串轉(zhuǎn)換為UTF-8的方式來傳輸,解決了頁面編碼不一至導(dǎo)致的亂碼問
題。例如:發(fā)送頁與接受頁的編碼格式(Charset)不一致(假設(shè)發(fā)送頁面是GB2312而接收頁面編碼是
UTF-8),使用escape()轉(zhuǎn)換傳輸中文字串就會(huì)出現(xiàn)亂碼問題。
以下是JS下對(duì)URL進(jìn)行編/解碼的各種方法:
escape 方法:返回一個(gè)可在所有計(jì)算機(jī)上讀取的編碼 String 對(duì)象。
function escape(charString : String) : String
不會(huì)被此方法編碼的字符: @ * / +
說明:escape 方法返回一個(gè)包含 charstring 內(nèi)容的字符串值(Unicode 格式)。所有空格、標(biāo)點(diǎn)、
重音符號(hào)以及任何其他非 ASCII 字符都用 %xx 編碼替換,其中 xx 等于表示該字符的十六進(jìn)制數(shù)。
例如,空格返回為“%20”。(字符值大于 255 的字符以 %uxxxx 格式存儲(chǔ)。)
注意:escape 方法不能用來對(duì)“統(tǒng)一資源標(biāo)識(shí)符”(URI) 進(jìn)行編碼。對(duì)其編碼應(yīng)使用 encodeURI 和
encodeURIComponent 方法。
encodeURI 方法:返回編碼為有效的統(tǒng)一資源標(biāo)識(shí)符 (URI) 的字符串。
function encodeURI(URIString : String) : String
不會(huì)被此方法編碼的字符:! @ # $ & * ( ) = : / ; ? + '
說明:encodeURI 方法返回一個(gè)已編碼的 URI。如果將編碼結(jié)果傳遞給 decodeURI,則將返回初始的
字符串。encodeURI 不對(duì)下列字符進(jìn)行編碼:“:”、“/”、“;”和“?”。請(qǐng)使用
encodeURIComponent 對(duì)這些字符進(jìn)行編碼。
encodeURIComponent 方法:返回編碼為統(tǒng)一資源標(biāo)識(shí)符 (URI) 的有效組件的字符串。
function encodeURIComponent(encodedURIString : String) : String
不會(huì)被此方法編碼的字符:! * ( ) '
說明:encodeURIComponent 方法返回一個(gè)已編碼的 URI。如果將編碼結(jié)果傳遞給
decodeURIComponent,則將返回初始的字符串。因?yàn)?encodeURIComponent 方法將對(duì)所有字符編碼,
請(qǐng)注意,如果該字符串代表一個(gè)路徑,例如 /folder1/folder2/default.html,則其中的斜杠也將被
編碼,這樣,當(dāng)該字符串作為請(qǐng)求發(fā)送到 Web 服務(wù)器時(shí)它將是無效的。如果字符串中包含多個(gè) URI
組件,請(qǐng)使用 encodeURI 方法進(jìn)行編碼。
unescape 方法:從用 escape 方法編碼的 String 對(duì)象中返回已解碼的字符串。
function unescape(charString : String) : String
說明:unescape 方法返回一個(gè)包含 charstring 內(nèi)容的字符串值。所有以 %xx 十六進(jìn)制形式編碼的
字符都用 ASCII 字符集當(dāng)中等效的字符代替。(以 %uxxxx 格式(Unicode 字符)編碼的字符用十六
進(jìn)制編碼 xxxx 的 Unicode 字符代替。)
注意:unescape 方法不應(yīng)用于解碼“統(tǒng)一資源標(biāo)識(shí)符”(URI)。請(qǐng)改用 decodeURI 和
decodeURIComponent 方法。
decodeURI 方法:返回一個(gè)已編碼的統(tǒng)一資源標(biāo)識(shí)符 (URI) 的非編碼形式。
function decodeURI(URIstring : String) : String
decodeURIComponent 方法:返回統(tǒng)一資源標(biāo)識(shí)符 (URI) 的一個(gè)已編碼組件的非編碼形式。
function decodeURIComponent(encodedURIString : String) : String
BTW:C#中對(duì)URL編碼的方法。。。
編碼:Server.UrlEncode(string)
解碼:Server.UrlDecode(string) 前面三種客戶端編碼都可以用這個(gè)方法在后臺(tái)解碼。
字符進(jìn)行過濾。但后兩者是將字符串轉(zhuǎn)換為UTF-8的方式來傳輸,解決了頁面編碼不一至導(dǎo)致的亂碼問
題。例如:發(fā)送頁與接受頁的編碼格式(Charset)不一致(假設(shè)發(fā)送頁面是GB2312而接收頁面編碼是
UTF-8),使用escape()轉(zhuǎn)換傳輸中文字串就會(huì)出現(xiàn)亂碼問題。
以下是JS下對(duì)URL進(jìn)行編/解碼的各種方法:
escape 方法:返回一個(gè)可在所有計(jì)算機(jī)上讀取的編碼 String 對(duì)象。
function escape(charString : String) : String
不會(huì)被此方法編碼的字符: @ * / +
說明:escape 方法返回一個(gè)包含 charstring 內(nèi)容的字符串值(Unicode 格式)。所有空格、標(biāo)點(diǎn)、
重音符號(hào)以及任何其他非 ASCII 字符都用 %xx 編碼替換,其中 xx 等于表示該字符的十六進(jìn)制數(shù)。
例如,空格返回為“%20”。(字符值大于 255 的字符以 %uxxxx 格式存儲(chǔ)。)
注意:escape 方法不能用來對(duì)“統(tǒng)一資源標(biāo)識(shí)符”(URI) 進(jìn)行編碼。對(duì)其編碼應(yīng)使用 encodeURI 和
encodeURIComponent 方法。
encodeURI 方法:返回編碼為有效的統(tǒng)一資源標(biāo)識(shí)符 (URI) 的字符串。
function encodeURI(URIString : String) : String
不會(huì)被此方法編碼的字符:! @ # $ & * ( ) = : / ; ? + '
說明:encodeURI 方法返回一個(gè)已編碼的 URI。如果將編碼結(jié)果傳遞給 decodeURI,則將返回初始的
字符串。encodeURI 不對(duì)下列字符進(jìn)行編碼:“:”、“/”、“;”和“?”。請(qǐng)使用
encodeURIComponent 對(duì)這些字符進(jìn)行編碼。
encodeURIComponent 方法:返回編碼為統(tǒng)一資源標(biāo)識(shí)符 (URI) 的有效組件的字符串。
function encodeURIComponent(encodedURIString : String) : String
不會(huì)被此方法編碼的字符:! * ( ) '
說明:encodeURIComponent 方法返回一個(gè)已編碼的 URI。如果將編碼結(jié)果傳遞給
decodeURIComponent,則將返回初始的字符串。因?yàn)?encodeURIComponent 方法將對(duì)所有字符編碼,
請(qǐng)注意,如果該字符串代表一個(gè)路徑,例如 /folder1/folder2/default.html,則其中的斜杠也將被
編碼,這樣,當(dāng)該字符串作為請(qǐng)求發(fā)送到 Web 服務(wù)器時(shí)它將是無效的。如果字符串中包含多個(gè) URI
組件,請(qǐng)使用 encodeURI 方法進(jìn)行編碼。
unescape 方法:從用 escape 方法編碼的 String 對(duì)象中返回已解碼的字符串。
function unescape(charString : String) : String
說明:unescape 方法返回一個(gè)包含 charstring 內(nèi)容的字符串值。所有以 %xx 十六進(jìn)制形式編碼的
字符都用 ASCII 字符集當(dāng)中等效的字符代替。(以 %uxxxx 格式(Unicode 字符)編碼的字符用十六
進(jìn)制編碼 xxxx 的 Unicode 字符代替。)
注意:unescape 方法不應(yīng)用于解碼“統(tǒng)一資源標(biāo)識(shí)符”(URI)。請(qǐng)改用 decodeURI 和
decodeURIComponent 方法。
decodeURI 方法:返回一個(gè)已編碼的統(tǒng)一資源標(biāo)識(shí)符 (URI) 的非編碼形式。
function decodeURI(URIstring : String) : String
decodeURIComponent 方法:返回統(tǒng)一資源標(biāo)識(shí)符 (URI) 的一個(gè)已編碼組件的非編碼形式。
function decodeURIComponent(encodedURIString : String) : String
BTW:C#中對(duì)URL編碼的方法。。。
編碼:Server.UrlEncode(string)
解碼:Server.UrlDecode(string) 前面三種客戶端編碼都可以用這個(gè)方法在后臺(tái)解碼。
相關(guān)文章
JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
這篇文章主要介紹了JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以參考下2015-03-03
Chrome插件開發(fā)系列一:彈窗終結(jié)者開發(fā)實(shí)戰(zhàn)
從這一節(jié)開始,我們將從零開始打造我們的chrome插件工具庫,第一節(jié)我們將講一下插件開發(fā)的基礎(chǔ)知識(shí)并構(gòu)建一個(gè)簡單但卻很實(shí)用的插件,在構(gòu)建之前,我們先簡單的了解一下插件以及插件開發(fā)的基礎(chǔ)知識(shí)2020-10-10
js模擬淘寶網(wǎng)的多級(jí)選擇菜單實(shí)現(xiàn)方法
這篇文章主要介紹了js模擬淘寶網(wǎng)的多級(jí)選擇菜單實(shí)現(xiàn)方法,涉及javascript針對(duì)頁面元素結(jié)點(diǎn)的遍歷與設(shè)置等操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
javascript實(shí)現(xiàn)tabs選項(xiàng)卡切換效果(自寫原生js)
常用的頁面效果有彈出層效果,無縫滾動(dòng)效果,選項(xiàng)卡切換效果,接下來與大家分享一款自己用原生javascript寫的選項(xiàng)卡切換效果,感興趣的朋友可以參考下哈2013-03-03
javascript 自動(dòng)轉(zhuǎn)到命名錨記
javascript 自動(dòng)轉(zhuǎn)到命名錨記,方面業(yè)內(nèi)控制導(dǎo)航等信息2009-01-01
微信小程序使用GoEasy實(shí)現(xiàn)websocket實(shí)時(shí)通訊
這篇文章主要介紹了微信小程序使用GoEasy實(shí)現(xiàn)websocket實(shí)時(shí)通訊的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05
javascript 閃爍的圣誕樹實(shí)現(xiàn)代碼
用js實(shí)現(xiàn)非常漂亮的帶閃爍效果的圣誕樹代碼。很佩服作者的想法。效果如下圖。2009-12-12

