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

发布时间：2020-12-16 01:53:50 所属栏目：百科来源：网络整理

导读：最近在做项目时，ajax参数中出现了特殊字符（#）导致路径出现截断问题，去度娘找了下答案，找到了解决办法，在js中有个：escape() 函数看下函数介绍 escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。例子 script type="text/ja

最近在做项目时，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将显示错误。

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!