URL中加号(+)转义问题
URL中加号(+)转义问题
前端通过URL传入一个参数,在后台日志中发现参数中的加号变成了空格。
前端传入a+b
后台日志a b
可以看到,+ 变成了空格。
先说结论
HTTP为了避免歧义,一些字符传入后台需要做转义,例如:
" - %22
# - %23
% - %25
& - %26
+ - %2B
也就是说,+ 从前台传到后台,应该转换为 %2B
。
但是 + 作为 URL 参数时,会被浏览器自动转换为空格(转换机制不明,不知道浏览器为什么这么做)。
我们要做的很简单,提前转换一下,保证 + 被转义成 %2B,这样的话无论是通过 URL 传,还是用 AJAX 传值,都不可能出错。
使用 encodeURIComponent
转义的 js 代码:
var s = encodeURIComponent('1+1');
console.log(s);
打开控制台查看输出,+ 处理正确
1%2B1
顺便一提,不要使用 encodeURI
函数,它不能正确转义。
GET POST 表单提交的转义
使用表单提交,无论是 GET 还是 POST,都会自动帮我们作出正确的转义。