javascript – 使用AJAX加载用户名 – Rails

2023年11月25日 202次阅读

我正在使用这个宝石：
https://github.com/ichord/jquery-atwho-rails

在我的控制器内：

@usernames = User.pluck(:username).compact

在我看来：

<script>

data = <%= raw User.pluck(:username).compact %>; 
$('textarea').atwho({at:"@", 'data':data});

</script>

这显然非常危险,不是一个好主意.但是对于没有AJAX或Javascript经验的人,我如何使用这个gem并以有效的方式通过AJAX调用用户名？

最佳答案 您可以使用remote_filter回调：

$('#textarea').atwho({
        at: "@",
        show_the_at: true,
        callbacks: {
            remote_filter: function(query, callback) {
                // Return false on empty query
                if (query.length < 1) {
                    return false
                }
                // AJAX call to http://yoursite/users.json?q=query
                $.getJSON("/users.json", {q: query}, function(data) {
                    callback(data.usernames)
                });
            }
        }
    })

你应该在/users.json调用中编写一些简单的“q”参数处理(在本例中).这里有一些示例代码：

# controllers/users_controller.rb
def index
  respond_to do |format|
   format.json{ render :json => User.where('username like ?', "#{q}%").pluck(:username).compact}
  end
end

你可以在这里找到更多：
https://github.com/ichord/At.js/wiki/How-to-use-remote_filter

点赞