Question

我在我的rails应用程序中使用ransack gem。我已经能够在我的视图中使用ajax实现搜索功能。我想用复选框过滤器做类似的事情。因此，当用户点击复选框时，它应立即显示结果，而无需用户单击提交按钮。目前，过滤器复选框与提交按钮工作正常但我不知道我需要使用什么jquery代码来使用ajax进行过滤。这是带有ransack过滤器的index.html

<% new_roles = [] %>
<%= search_form_for @search, :class => 'filters_click' do |f| %>
  <% @jobs.each do |job| %>
  <% new_roles << job.role %>
<% end %>

  <% new_roles.uniq.each do |new| %>
    <%= check_box_tag('q[role_eq_any][]', new) %>
    <%= new %>
  <% end %>
  <%= f.submit "Search" %>
<% end %>
<div class="jobs"><%= render 'jobs' %></div>

这是我的index.js

$(".jobs").html("<%= escape_javascript(render("jobs")) %>");

我想知道在我的js中编写什么jquery代码，这样当用户点击复选框时我就可以使用Ajax来提供过滤结果。

Answer 1

单击复选框时，您需要执行Ajax请求，如下所示：

$('input[type="checkbox"]').change(function() {
  alert ("Checkbox " + this.id + " clicked.");

  $.ajax({
    url: "your-query-url",
    data: $(".filters_click").serialize();
  });
});

但我认为最简单的方法是将remote: true添加到表单中，然后使用jQuery提交表单：

$('input[type="checkbox"]').change(function() {
  $(".filters_click").submit();
});

使用ajax的rails ransack复选框过滤器

1 个答案: