关于将URL中的特殊字符进行转码和解码
當前開發中,遇到特殊情況: 使用url進行跨頁面(跨域)傳值的時候,會出現某些帶特殊字符的url,在瀏覽器上被處理了,例如:
后端傳給前端的跳轉路徑:
http://127.0.0.1:8088/harbor/sign-in?userName=admin&userPassword=1Qaz2wsx#瀏覽器跳轉時瀏覽器地址欄的url變成:
http://127.0.0.1:8088/harbor/sign-in?userName=admin&userPassword=1Qaz2wsx注意:末尾處的#不見了
還有其他情況,如url中的參數有 "/" "&" "@" "&"?特殊字符時,url都會出現錯誤...
解決方案:?使用URL的編碼和解碼?對?特殊字符進行處理
1.?java?后端的解決:
| 方法 | 解釋 |
| URLEncoder.encode(String s, String enc)? |
編碼 s - 要轉換的 String。 |
| URLEncoder.decode(String s, String enc)? |
解碼 s - 要轉換的 String。 |
?
對 String 編碼時，使用以下規則：
?
- 字母數字字符 "
a" 到 "z"、"A" 到 "Z" 和 "0" 到 "9" 保持不變。 - 特殊字符 "
."、"-"、"*" 和 "_" 保持不變。 - 空格字符 "
?" 轉換為一個加號 "+"。 - 所有其他字符都是不安全的，因此首先使用一些編碼機制將它們轉換為一個或多個字節。然后每個字節用一個包含 3 個字符的字符串 "
%xy" 表示，其中 xy 為該字節的兩位十六進制表示形式。推薦的編碼機制是 UTF-8。但是，出于兼容性考慮，如果未指定一種編碼，則使用相應平臺的默認編碼。
例如，使用 UTF-8 編碼機制，字符串 "The string ü@foo-bar" 將轉換為 "The+string+%C3%BC%40foo-bar"，因為在 UTF-8 中，字符 ü 編碼為兩個字節，C3 （十六進制）和 BC （十六進制），字符 @ 編碼為一個字節 40 （十六進制）。
//String str = "1Qaz2wsx#";try {String encode = URLEncoder.encode(str, "utf-8");//編碼System.out.println(encode);String decode = URLDecoder.decode(encode, "utf-8");//解碼System.out.println(decode);} catch (UnsupportedEncodingException e) {e.printStackTrace();}//顯示:
1Qaz2wsx%23
1Qaz2wsx#?后端特殊處理后,傳給前端的url變為:
http://127.0.0.1:8088/harbor/sign-in?userName=admin&userPassword=1Qaz2wsx%232.?js?前端的解決
| 方法 | 解釋 |
| encodeURIComponent(str); |
編碼 str- 要轉換的 String。 |
| decodeURIComponent(str); |
解碼 str - 要轉換的 String。 |
例如:
var password = decodeURIComponent("1Qazwsx%23");
console.log(password);//顯示結果 1Qazwsx#?其他的變法解碼方式:
示例（摘自W3School）：
1 escape()
<script type="text/javascript">
document.write(escape("Visit W3School!") + "<br />")
document.write(escape("?!=()#%&"))
</script>輸出結果：
Visit%20W3School%21
%3F%21%3D%28%29%23%25%26
2 encodeURI()
<html>
<body>
<script type="text/javascript">
document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/")+ "<br />")
document.write(encodeURI(",/?:@&=+$#"))
</script>
</body>
</html>輸出結果：
http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#
對整個URL進行編碼，而URL的特定標識符不會被轉碼。
3? encodeURIComponent()
<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
對URL中的參數進行編碼，因為參數也是一個URL，如果不編碼會影響整個URL的跳轉。
總結
以上是生活随笔為你收集整理的关于将URL中的特殊字符进行转码和解码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SpringCloud Zuul（八）之
- 下一篇： 我们负责实现！中国计划首次实施近地小行星