适用于多个控制器的 JQuery UI 自动完成的 DRY 解决方案？

Question

我有两个控制器，每个控制器都有一个自动完成文本框，可以按姓氏进行搜索。 autocomplete.json.erb 存储在其相应的视图中。

下面的自动完成代码片段对两个控制器都适用，

  $( ".auto_complete" ).autocomplete({        
        minLength: 2,
        source: 'autocomplete.json'
    });

因为将生成以下请求：

http://localhost:3000/users/autocomplete.json?term=ab
http://localhost:3000/members/autocomplete.json?term=ab

但是，如果我使用 REST 路径，则 URL 末尾没有尾随“/”：

members_path: http://localhost:3000/users
users_path: http://localhost:3000/members

所以我必须这样做：

<%= link_to "Users", users_path+'/' %>

没有“ /' 最后，jquery-ui 将调用以下内容： 在

http://localhost:3000/autocomplete.json?term=ab

我看来，这不是一个干净的解决方案。 另一种方法是为每个控制器制作单独的自动完成代码和CSS类，以便可以将源属性分配给不同的控制器，例如：

source: '/users/autocomplete.json'
source: '/members/autocomplete.json'

这个问题有DRY解决方案吗？

谢谢。

Answer 1

您可以询问当前 url 并将其用作前缀

$( ".auto_complete" ).autocomplete({        
    minLength: 2,
    source: window.location.href + '/autocomplete.json'
});