最近在做项目时,ajax参数中出现了特殊字符(#)导致路径出现截断问题,去度娘找了下答案,找到了解决办法,在js中有个:escape() 函数
看下函数介绍
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
如果有这个URL编码的转换,那么我们可以在后台通过URLDecoder.decode(String s, String enc)来解码,转换回去。
虽然问题解决了,但是由于好奇深入看了一下,发现了一个问题就是JS中escape()有个缺陷,请大家注意:
说明:该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。其他所有的字符都会被转义序列替换。
发现了吧,对escape()方法不是对所有的特殊字符进行URL编码。那么如果我们需求中有这些东西怎么办?
解决方法1.手动替换,使用replace方法对这些字符进行替换。(附上,常见的URL编码)
常见字符的Url编码列表:
! | * | " | ' | ( | ) | ; | : | @ | & |
%21 |
%2A |
%22 |
%27 |
%28 |
%29 |
%3B |
%3A |
%40 |
%26 |
= | + | $ | , | / | ? | % | # | [ | ] |
%3D |
%2B |
%24 |
%2C |
%2F |
%3F |
%25 |
%23 |
%5B |
|
解决方法2.使用其他的%编码函数。下面附上js中的相关方法
escape() 方法:
采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。
不会被此方法编码的字符: @ * / +
encodeURI() 方法:
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。
不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '
encodeURIComponent() 方法:
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。