使用javascript查询其他Rails数据
Use javascript to query additional Rails data
我有一个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回调函数中捕获数据并附加到页面上。
相关文章:
- Rails:将表单字段值添加到数据确认消息中
- 在ruby on rails中使用jquery getJSON获取数据
- javascript绑定另一个select2输入字段rails的select2 inputonchange事件的数据
- 从Rails视图填充HighChart数据
- Angular/Rails从表中获取最后保存的数据
- Rails将数据从控制器传递到javascript
- Angular ng-model 将数据作为数组发送到 rails-api
- 使用Ajax请求rails控制器数据
- 如何将ajax数据发送到rails 3.jQuery正在转义字符串
- 尝试使用Backbone.sync从Rails中的动作控制器获取数据-非restful
- 如何将ruby on rails数据馈送到d3.js中
- 如何执行Ajax GET请求以从rails获取数据并将其传递给javascript(谷歌地图)
- 为什么Rails UJS忽略了我在数据参数中的参数
- Rails和jQuery-尝试使用setTimeout主动更新数据
- 在rails上的手风琴选项卡Ruby中显示好友数据
- 当数据准备就绪时,React-Rails gem 调用组件
- 在我的 Rails 应用程序中使用 jQuery 数据表时出错
- 使用javascript查询其他Rails数据
- Rails 4数据ajax路由问题
- Rails数据范围选择器