select_tag 与 '/' 的 OnChange 问题和'。' Rails 中的字符

Question

我有一个 select_tag (rails)，它加载了带有“/”和“.”的选择值其中的人物。

select 标记的 onchange 使用连接的 url 和 select 标记的值来重定向页面（使用 window.location）。

这些是我尝试隔离问题的方法。

• 调用警报 javascript 以显示连接值。
• 将 urlencode 添加到传递的值中。
• 将 urlencode 值硬编码到 windows.location （奇迹般地，它正在工作）。

提前致谢。

Answer 1

没有代码就很难说（或者确实是一个实际问题！），但一般来说，当您从文本值构建 URL 时，您应该在客户端调用encodeURIComponent，而不是尝试在服务器端对其进行编码。例如。

<select id="foo">
    <option value="123./">123./</option>
    <option value="456./">456./</option>
</select>

<script type="text/javascript">
    document.getElementById('foo').onchange= function() {
        var v= this.value;
        location.href= 'http://www.example.com/thing?foo='+encodeURIComponent(v);
    };
</script>

但是，. 和 / 都不是查询参数中的特殊字符，因此在这种情况下忘记对它们进行编码实际上不会导致问题。如果我们讨论的是 URL 的路径部分，那么 / 是特殊的，必须进行编码：

location.href= 'http://www.example.com/things/'+encodeURIComponent(v)+'/view';

http://www.example.com/things/123.%2F/view

但是，在路径中包含 %2F 在 Apache 中往往会很麻烦和 IIS 出于各种晦涩且烦人的原因；最好避免这种情况。

无论如何，选择重定向页面的标签都是坏消息，不应该真正使用。除了要求 JS 工作之外，它们还很不方便（没有在新选项卡中打开、书签链接等），它们破坏了键盘导航（因为 onchange 会立即触发，因此无法选择其他选项）并且它们破坏了后退按钮（因为当您返回页面时，表单值会被记住，因此您无法再次更改为相同的页面，因为 onchange 不会触发）。

选择导航是一种不可信的技术。今天，您可以尝试点击弹出窗口

，其中包含简单的链接。