Использование той же формы, что и локальной и удаленной, как в рельсах, для целей фильтрации

Question

Сценарий:

У меня есть форма, которая выполняет некоторую фильтрацию.Для простоты предположим, что у меня есть форма с тремя вариантами ввода:

<%= form_tag(some_path,method: :get) do %>
     #..checkboxes for option 1
     #..radiobuttons for option 2
     #..checkboxes for option 3
     <%= submit_tag "submit" %>
<% end %>
<p>You have a total of: COUNT results.</p>

Требуемый вывод:

Что мне нужно, так это функциональность, когдапользователь нажимает на любой флажок или переключатель (по сути, изменение в любом поле ввода), по запросу ajax должен быть сгенерирован путь, который возвращает СЧЕТ общее количество результатов, и я обновлю СЧЕТ внутри тега p с этим возвращенным числом.

И когда пользователь нажимает кнопку отправки, должен генерироваться запрос GET по умолчанию.

Answer 1

Я добавил этот скрипт для ajax-запроса, и он отлично работает.

<script>
$(".option").change(function(){
    var type = $("input[name='type[]']:checked").map(function () {
        return this.value;
    }).get();

    $.ajax({
        url: "/gre",
        type: "put",
        dataType: "json",
        data: {custom: 'true',type: type},
        success: function (response) {
          var count = response["count"];
          $('#count').html('Your session will have a total of '+ count + ' questions.');
        }
    });
});