轉(zhuǎn)自http://blog.jhonse.com/archives/2032.jhonse

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

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

編碼函數(shù):

encodeURIComponent()

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

語法

encodeURIComponent(URIstring) 參數(shù)描述

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

返回值

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

說明

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

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

提示和注釋

提示：請注意 encodeURIComponent() 函數(shù) 與 encodeURI() 函數(shù)的區(qū)別之處，前者假定它的參數(shù)是 URI 的一部分（比如協(xié)議、主機名、路徑或查詢字符串）。因此 encodeURIComponent() 函數(shù)將轉(zhuǎn)義用于分隔 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

解碼函數(shù):

decodeURIComponent()

定義和用法

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

語法

decodeURIComponent(URIstring) 參數(shù)描述

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

返回值

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

實例

在本例中，我們將使用 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/

轉(zhuǎn)載請注明：Jhonse技術(shù)博客 - 關(guān)注技術(shù)資訊以及技術(shù)文章的IT博客??

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

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