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

標籤：nic   contex   log   格式   測試   ipc   bs4   pcb   伺服器   

雖然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字串進行編碼/解碼分析