ajax 中关于URL路径及参数特殊字符问题

时间:2022-11-02 19:43:28

最近在做项目时,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编码列表:

保留字符的Url编码
! * " ' ( ) ; : @ &
%21 %2A %22 %27 %28 %29 %3B %3A %40 %26
= + $ , / ? % # [ ]
%3D %2B %24 %2C %2F %3F %25 %23 %5B

%5D




解决方法2.使用其他的%编码函数。下面附上js中的相关方法


escape() 方法: 

采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。
 
不会被此方法编码的字符: @ * / +
 
encodeURI() 方法:

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。
 
不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '
 
encodeURIComponent() 方法:
 

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。


不会被此方法编码的字符:! * ( ) '