【轉】URL編碼(encodeURIComponent和decodeURIComponent)

轉自http://blog.jhonse.com/archives/2032.jhonse

最近在用CI框架的時候，發現一個問題，URL的GET方式鏈接時，如果用中文字符的話，就會出現問題，提示：鏈接字符不通過，於是在網上找了很多方法，修改CI框架的config.php文件，以及URL.php文件，都有所修改，最后還是沒有解決這個問題。

一開始使用的時候，都是在谷歌瀏覽器上調試的，什么問題都沒有，中文字符都可以通過，當時還真的有點佩服谷歌了。然而在IE、360瀏覽器上已測試，馬上就出現以上的問題了。想了一個多小時，解決方法就是在提交數據的時候，通過JS把中文編碼，然后在ci框架里接收到這編碼數據，進行解碼就可以了。

編碼函數:

encodeURIComponent()

encodeURIComponent() 函數可把字符串作為 URI 組件進行編碼。

語法

encodeURIComponent(URIstring)

參數	描述
URIstring	必需。一個字符串，含有 URI 組件或其他要編碼的文本。

返回值

URIstring 的副本，其中的某些字符將被十六進制的轉義序列進行替換。

說明

該方法不會對 ASCII 字母和數字進行編碼，也不會對這些 ASCII 標點符號進行編碼： – _ . ! ~ * ' ( ) 。

其他字符（比如 ：;/?:@&=+$,# 這些用於分隔 URI 組件的標點符號），都是由一個或多個十六進制的轉義序列替換的。

提示和注釋

提示：請注意 encodeURIComponent() 函數 與 encodeURI() 函數的區別之處，前者假定它的參數是 URI 的一部分（比如協議、主機名、路徑或查詢字符串）。因此 encodeURIComponent() 函數將轉義用於分隔 URI 各個部分的標點符號。

實例

在本例中，我們將使用 encodeURIComponent() 對 URI 進行編碼：

<script type="text/javascript">

document.write(encodeURIComponent("http://www.w3school.com.cn"))
document.write("<br />")
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
document.write("<br />")
document.write(encodeURIComponent(",/?:@&=+$#"))

</script>

輸出：

http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23

解碼函數:

decodeURIComponent()

定義和用法

decodeURIComponent() 函數可對 encodeURIComponent() 函數編碼的 URI 進行解碼。

語法

decodeURIComponent(URIstring)

參數	描述
URIstring	必需。一個字符串，含有編碼 URI 組件或其他要解碼的文本。

返回值

URIstring 的副本，其中的十六進制轉義序列將被它們表示的字符替換。

實例

在本例中，我們將使用 decodeURIComponent() 對編碼后的 URI 進行解碼：

<script type="text/javascript">

var test1="http://www.w3school.com.cn/My first/"

document.write(encodeURIComponent(test1)+ "<br />")
document.write(decodeURIComponent(test1))

</script>

輸出：

http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F
http://www.w3school.com.cn/My first/

轉載請注明：Jhonse技術博客 - 關注技術資訊以及技術文章的IT博客 »