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