JavaScript中URL編碼函數(shù)代碼
更新時(shí)間：2011年01月11日 23:33:19 作者：
JavaScript中存在幾種對URL字符串進(jìn)行編碼的方法：escape()，encodeURI()，以及encodeURIComponent()。這幾種編碼所起的作用各不相同。
以下是對變量值的URL編碼總結(jié) ： 建議用encodeURIComponent() ， GET 和POST方式都可以發(fā)送過去 。
JavaScript中存在幾種對URL字符串進(jìn)行編碼的方法：escape()，encodeURI()，以及encodeURIComponent()。這幾種編碼所起的作用各不相同。
escape() 方法：
采用ISO Latin字符集對指定的字符串進(jìn)行編碼。所有的空格符、標(biāo)點(diǎn)符號、特殊字符以及其他非ASCII字符都將被轉(zhuǎn)化成%xx格式的字符編碼（xx等于該字符在字符集表里面的編碼的16進(jìn)制數(shù)字）。比如，空格符對應(yīng)的編碼是%20。
不會(huì)被此方法編碼的字符： @ * / +
encodeURI() 方法：
把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。
不會(huì)被此方法編碼的字符：! @ # $& * ( ) = : / ; ? + '
encodeURIComponent() 方法：
把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。與encodeURI()相比，這個(gè)方法將對更多的字符進(jìn)行編碼，比如 / 等字符。所以如果字符串里面包含了URI的幾個(gè)部分的話，不能用這個(gè)方法來進(jìn)行編碼，否則 / 字符被編碼之后URL將顯示錯(cuò)誤。
不會(huì)被此方法編碼的字符：! * ( ) '
因此，對于中文字符串來說，如果不希望把字符串編碼格式轉(zhuǎn)化成UTF-8格式的（比如原頁面和目標(biāo)頁面的charset是一致的時(shí)候），只需要使用 escape。如果你的頁面是GB2312或者其他的編碼，而接受參數(shù)的頁面是UTF-8編碼的，就要采用encodeURI或者 encodeURIComponent。
JavaScript中存在幾種對URL字符串進(jìn)行編碼的方法：escape()，encodeURI()，以及encodeURIComponent()。這幾種編碼所起的作用各不相同。
escape() 方法：
采用ISO Latin字符集對指定的字符串進(jìn)行編碼。所有的空格符、標(biāo)點(diǎn)符號、特殊字符以及其他非ASCII字符都將被轉(zhuǎn)化成%xx格式的字符編碼（xx等于該字符在字符集表里面的編碼的16進(jìn)制數(shù)字）。比如，空格符對應(yīng)的編碼是%20。
不會(huì)被此方法編碼的字符： @ * / +
encodeURI() 方法：
把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。
不會(huì)被此方法編碼的字符：! @ # $& * ( ) = : / ; ? + '
encodeURIComponent() 方法：
把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。與encodeURI()相比，這個(gè)方法將對更多的字符進(jìn)行編碼，比如 / 等字符。所以如果字符串里面包含了URI的幾個(gè)部分的話，不能用這個(gè)方法來進(jìn)行編碼，否則 / 字符被編碼之后URL將顯示錯(cuò)誤。
不會(huì)被此方法編碼的字符：! * ( ) '
因此，對于中文字符串來說，如果不希望把字符串編碼格式轉(zhuǎn)化成UTF-8格式的（比如原頁面和目標(biāo)頁面的charset是一致的時(shí)候），只需要使用 escape。如果你的頁面是GB2312或者其他的編碼，而接受參數(shù)的頁面是UTF-8編碼的，就要采用encodeURI或者 encodeURIComponent。
您可能感興趣的文章:
- js利用與或運(yùn)算符優(yōu)先級實(shí)現(xiàn)if else條件判斷表達(dá)式
- 淺談JS運(yùn)算符&&和|| 及其優(yōu)先級
- 淺談JavaScript中運(yùn)算符的優(yōu)先級
- javascript URL編碼和解碼使用說明
- Javascript中的幾種URL編碼方法比較
- JS表單傳值和URL編碼轉(zhuǎn)換
- JavaScript字符串String和Array操作的有趣方法
- Javascript String 字符串操作包
- js Math 對象的方法
- js中常用的Math方法總結(jié)
- js中arguments的用法(實(shí)例講解)
- JS前端知識點(diǎn) 運(yùn)算符優(yōu)先級，URL編碼與解碼，String，Math，arguments操作整理總結(jié)
相關(guān)文章
作用域是JavaScript中一個(gè)重要的概念,它決定了變量和函數(shù)在代碼中的可訪問性和可見性,了解JavaScript的作用域?qū)τ诰帉懜咝?、可維護(hù)的代碼至關(guān)重要,本文將深入介紹JavaScript作用域相關(guān)的知識點(diǎn),其中包括作用域類型,作用域鏈,變量提升以及閉包等2023-08-08
通過Tabs方法基于easyUI+bootstrap制作工作站
本教程給大家介紹如何制作easyUI+bootstrap工作站，主要學(xué)習(xí)tabs方法，本文介紹非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友參考下吧2016-03-03
簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這幾個(gè)demo上星期平安夜做的，感覺效果不錯(cuò)，就放在出來，分享給大家2012-01-01
這篇文章主要介紹了JS利用?React.lazy?優(yōu)化頁面初次渲染,React.lazy?接受一個(gè)函數(shù)，這個(gè)函數(shù)需要?jiǎng)討B(tài)調(diào)用import()，它必須返回一個(gè)Promise，該P(yáng)romise需要resolve一個(gè)default?export的React組件2022-07-07
這篇文章主要介紹了JS仿QQ好友列表展開、收縮功能,當(dāng)點(diǎn)擊一個(gè)li元素，其他li元素上的類名清除掉。代碼簡單易懂，需要的朋友可以參考下2017-07-07
基于JavaScript實(shí)現(xiàn)熔巖燈效果導(dǎo)航菜單
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)熔巖燈效果導(dǎo)航菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
webpack實(shí)現(xiàn)熱加載自動(dòng)刷新的方法
本文介紹了webpack實(shí)現(xiàn)熱加載自動(dòng)刷新的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
JavaScript有5種基本的數(shù)據(jù)類型，分別是：布爾、null、undefined、String和Number。這篇文章主要介紹了JavaScript的值傳遞和引用傳遞,需要的朋友可以參考下2018-10-10
全面了解構(gòu)造函數(shù)繼承關(guān)鍵apply call
下面小編就為大家?guī)硪黄媪私鈽?gòu)造函數(shù)繼承關(guān)鍵apply call。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07