URL中加号(+)转义问题

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,都会自动帮我们作出正确的转义。

参考

url中带有加号的处理方法

相关推荐

苹果logo演变史:从复杂到简约
华为怎么进BT365

苹果logo演变史:从复杂到简约

📅 07-03 👁️ 5681
Steam不能记住账号了?登录信息保存与自动填充设置
爱是个什么东西
华为怎么进BT365

爱是个什么东西

📅 07-20 👁️ 678