点击A标签时URL中的%被移除，如何强制保留？

数据老陈

2026-5-15

解决A标签中URL编码的%被移除导致搜索失效的问题

这个问题我之前也碰到过好几次，通常是服务器端或者前端的URL处理逻辑错误地解码了编码字符，把%5B%5D里的%给弄丢了，导致参数变成了Category5D，自然搜索功能就失效了。下面给你几个靠谱的解决办法：

方法一：用JavaScript强制控制跳转URL
直接绕过可能的自动解码逻辑，通过JS绑定点击事件来手动跳转正确的URL。给你的A标签加个ID，然后写一段简单的脚本：

<a href="#" id="apartments-link">APPARTMENTS</a>
<script>
  document.getElementById('apartments-link').addEventListener('click', function(e) {
    e.preventDefault(); // 阻止默认跳转行为
    window.location.href = '/search?Category%5B%5D=Apartments+And+Penthouses'; // 强制跳转到正确编码的URL
  });
</script>

这种方式最直接，不管后端怎么处理，前端都能保证跳转的URL是完全正确的。

方法二：修复后端链接生成逻辑
如果这个链接是后端模板引擎生成的，大概率是模板引擎或者后端框架自动对URL进行了解码处理。这时候你需要在后端对参数名进行正确的URL编码：
比如在PHP中，应该用rawurlencode处理参数键：
```
$paramKey = rawurlencode('Category[]');
$searchUrl = "/search?$paramKey=Apartments+And+Penthouses";
// 然后把$searchUrl输出到A标签的href属性中
```
其他语言类似，比如Python用urllib.parse.quote，Java用URLEncoder.encode，确保[]被编码成%5B%5D，并且后端不会错误地移除这些%符号。
方法三：用HTML实体替换%符号
如果你是写静态HTML，可以把URL里的%换成它的HTML实体%，这样浏览器解析HTML的时候会把实体转换成%，从而保留完整的编码：
```
<a href="/search?Category&#37;5B&#37;5D=Apartments+And+Penthouses">APPARTMENTS</a>
```
这种方式不需要额外的JS或者后端修改，适合静态页面的场景。