Encode String before Put It into URL

在实现、测试OneFeed的tag功能时，发现tag c++不能正常工作，

<a href="<%= '/posts?tag=' + t.name %>" class="..."><%= t.name %></a>

请求/posts?tag=c++到达server端后，params[:tag]的值为c ，导致数据库查询没有返回正确的结果。

原因是构造href时没有对tag的name做encode，而+恰好是URL规范里的特殊字符，它代表一个空格。

Within the query string, the plus sign is reserved as shorthand notation for a space. Therefore, real plus signs must be encoded.

所以，在把一个字符串拼接到URL里前，要先把它encode一下。毕竟，不是每次测试时都有足够运气使用像c++这样测试数据，提前发现bug。

在Rails里可以通过下面的方法来encode一个字符串，

URI.encode 'c++ java'
# => "c++%20java" 空格被encode，URL规范的特殊字符“+”没有被encode
ERB::Util.url_encode 'c++ java'
#=> "c%2B%2B%20java" 所有字符都被encode，包括像"+", "/", "?"这样的保留字符

<!-- fix: u是url_encode的alias -->
<a href="<%= '/posts?tag=' + u(t.name) %>" class="..."><%= t.name %></a>

关于URL decode，大部分web框架都会自动decode。

注意⚠️，“URL”也包括同一页面内的anchor

<a href="#need-to-encode-too">about</a>
<div id="need-to-encode-too">About us...</div>

Encode String before Put It into URL

Related Posts