使用javascript查询其他Rails数据

Use javascript to query additional Rails data

本文关键字:Rails 数据 其他 查询 javascript 使用      更新时间:2023-09-26

我有一个Listing#索引页面,其中显示了50个列表。我想有一个按钮"更多",触发javascript查询我的MySql数据库中的其他列表,然后在不刷新页面的情况下附加到现有的50个列表。

我该怎么做?我使用的是Rails和jQuery。我知道Rails,但对Javascript还是个新手。

非常感谢你的帮助。

有很多方法可以解决这个问题。

1您可以呈现一个"…js.erb"模板,该模板将使用append方法执行一些jquery代码(http://api.jquery.com/append/)或其他操作逻辑。不要忘记为按钮设置:remote属性。我认为这种方法对你来说最简单。

例如:

在控制器中:

def get_posts
  @posts.all # or something you need
  render "_get_posts.js.erb"
end

_get_posts.js.erb:

<% @posts.each do |post| %>
  $('#posts').append("<%= post.title %>");
<% end %>

此外,在js.erb中,您可以呈现部分或执行您想要的操作。

2绑定逻辑以单击按钮的事件(http://api.jquery.com/click/),通过多种方式将ajax查询发送到服务器(http://api.jquery.com/category/ajax/),然后呈现您选择的数据(json、html、xml),并在客户端的ajax回调函数中捕获数据并附加到页面上。