1. 程式人生 > >JS對URL字符串進行編碼/解碼分析

JS對URL字符串進行編碼/解碼分析

rdquo 說明 cbe 字符值 name ide 就會 aca img

雖然escape()、encodeURI()、encodeURIComponent()三種方法都能對一些影響URL完整性的特殊
字符進行過濾。但後兩者是將字符串轉換為UTF-8的方式來傳輸,解決了頁面編碼不一至導致的亂碼問
題。例如:發送頁與接受頁的編碼格式(Charset)不一致(假設發送頁面是GB2312而接收頁面編碼是
UTF-8),使用escape()轉換傳輸中文字串就會出現亂碼問題。
以下是JS下對URL進行編/解碼的各種方法:
escape 方法:返回一個可在所有計算機上讀取的編碼 String 對象。
function escape(charString : String) : String

不會被此方法編碼的字符: @ * / +
說明:escape 方法返回一個包含 charstring 內容的字符串值(Unicode 格式)。所有空格、標點、
重音符號以及任何其他非 ASCII 字符都用 %xx 編碼替換,其中 xx 等於表示該字符的十六進制數。
例如,空格返回為“%20”。(字符值大於 255 的字符以 %uxxxx 格式存儲。)
註意:escape 方法不能用來對“統一資源標識符”(URI) 進行編碼。對其編碼應使用 encodeURI 和
encodeURIComponent 方法。
encodeURI 方法:返回編碼為有效的統一資源標識符 (URI) 的字符串。
function encodeURI(URIString : String) : String
不會被此方法編碼的字符:! @ # $ & * ( ) = : / ; ? + ‘
說明:encodeURI 方法返回一個已編碼的 URI。如果將編碼結果傳遞給 decodeURI,則將返回初始的
字符串。encodeURI 不對下列字符進行編碼:“:”、“/”、“;”和“?”。請使用
encodeURIComponent 對這些字符進行編碼。
encodeURIComponent 方法:返回編碼為統一資源標識符 (URI) 的有效組件的字符串。
function encodeURIComponent(encodedURIString : String) : String
不會被此方法編碼的字符:! * ( ) ‘
說明:encodeURIComponent 方法返回一個已編碼的 URI。如果將編碼結果傳遞給
decodeURIComponent,則將返回初始的字符串。因為 encodeURIComponent 方法將對所有字符編碼,
請註意,如果該字符串代表一個路徑,例如 /folder1/folder2/default.html,則其中的斜杠也將被
編碼,這樣,當該字符串作為請求發送到 Web 服務器時它將是無效的。如果字符串中包含多個 URI
組件,請使用 encodeURI 方法進行編碼。
unescape 方法:從用 escape 方法編碼的 String 對象中返回已解碼的字符串。
function unescape(charString : String) : String
說明:unescape 方法返回一個包含 charstring 內容的字符串值。所有以 %xx 十六進制形式編碼的
字符都用 ASCII 字符集當中等效的字符代替。(以 %uxxxx 格式(Unicode 字符)編碼的字符用十六
進制編碼 xxxx 的 Unicode 字符代替。)
註意:unescape 方法不應用於解碼“統一資源標識符”(URI)。請改用 decodeURI 和
decodeURIComponent 方法。
decodeURI 方法:返回一個已編碼的統一資源標識符 (URI) 的非編碼形式。
function decodeURI(URIstring : String) : String
decodeURIComponent 方法:返回統一資源標識符 (URI) 的一個已編碼組件的非編碼形式。
function decodeURIComponent(encodedURIString : String) : String
BTW:C#中對URL編碼的方法。。。
編碼:Server.UrlEncode(string)
解碼:Server.UrlDecode(string) 前面三種客戶端編碼都可以用這個方法在後臺解碼。

比如:

        var url="${pageContext.request.contextPath }/fenYe?currentPage="+pageNumber+"&queryName=${queryName}&queryAddress=${queryAddress}&queryDate=${queryDate}&getTag=getMethod";
        url= encodeURI(url);
        window.location.href=url; 

測試傳入中文參數:

技術分享

後臺對收到的進行解碼:

        String queryName = request.getParameter("queryName");
        // 如果是點擊頁號提交方式為get提交進行轉碼
        if (getTag != null && !"".equals(getTag.trim())) {
            queryName = new String(queryName.getBytes("iso-8859-1"), "utf-8");
        }

JS對URL字符串進行編碼/解碼分析