Javascript 表格won'；不要使用AJAX提交

app/assets/javascripts/profiles.js

这是我的表单javascript。jQuery隐藏/显示正在工作，但AJAX请求没有

$(document).on('page:load ready', function() {
  $('#pair-search').hide();
  $('#date-search').hide();
  $('input[type="radio"]').click(function() {
    if ($(this).attr("value") == "pair") {
        $("#pair-search").show();
        $("#date-search").hide();
    }
    else {
        $("#date-search").show();
          $("#pair-search").hide();
    }
  $('#search-form').on('submit', function(e) {
    e.preventDefault();
  $.ajax({
    url: $(this).attr('action'),
    type: $(this).attr('method'),
    dataType:'script',
    data: $(this).serialize(),
    success: function(data) {
      if (data) {
    $('#profiles').html(data);
  }
}
  });
});
  });
});

这是我的个人资料（#索引）页面上的表单…它呈现两个部分。我将发布“配对搜索”的部分内容，以便您了解表单是如何协同工作的

app/assets/views/profiles/index.html.erb

用户搜索

你在找谁？

成对的

日期

配对搜索部分：

应用程序/资产/视图/配置文件/配对搜索

<%= form_tag(profiles_path, method: :get, :id =>'search-form') do %>
  <%= label(:language, 'What are your preferred languages?') %><br>
    <%= check_box_tag('search[language]', 'Ruby') %>
    <%= label_tag('search[language]', 'Ruby') %>
    <%= check_box_tag('search[language]', 'JavaScript') %>
    <%= label_tag('search[language]','JavaScript') %>
    <%= check_box_tag('search[language]', 'Python') %>
    <%= label_tag('search[language]', 'Python') %>
    <%= check_box_tag('search[language]', 'Java') %>
    <%= label_tag('search[language]','Java') %>
    <%= check_box_tag('search[language]', 'PHP') %>
    <%= label_tag('search[language]','PHP') %>
    <%= check_box_tag('search[language]', 'C++') %>
    <%= label_tag('search[language]','C++') %><br>

  <%=label_tag(:operating_system,"What is your Operating System of choice?") %><br>
    <%= check_box_tag('search[operating_system]', 'Unix') %>
    <%= label_tag('search[operating_system]','Unix') %>
    <%= check_box_tag('search[operating_system]', 'Linux') %>
    <%= label_tag('search[operating_system]','Linux') %><br>

  <%= label_tag(:age, 'What age-range are you looking for?')%><br>
    <%= check_box_tag('search[age]', '20-25') %>
    <%= label_tag('search[age]','20-25') %>
    <%= check_box_tag('search[age]', '25-30') %>
    <%= label_tag('search[age]', '25-30') %>
    <%= check_box_tag('search[age]', '30-35') %>
    <%= label_tag('search[age]', '30-35') %>
    <%= check_box_tag('search[age]', '40-45') %>
    <%= label_tag('search[age]','40-45') %><br>
    <%= check_box_tag('search[age]', '50+') %>
    <%= label_tag('search[age]','50+') %>

  <%= label_tag(:gender, "Gender:") %>
    <%= check_box_tag('search[male]') %>
    <%= label_tag('search[male]', 'Male' )%>
    <%= check_box_tag('search[female]')%>
    <%= label_tag('search[female]', 'Female')%>
    <%= check_box_tag('search[other]') %>
    <%= label_tag('search[other]', 'Other')%>


  <%= label_tag(:location, "Where do you want the person you're searching for to live?") %>
    <%= text_field_tag ('search[location]') %>

  <%= submit_tag("Search", :id => "search") %>
<% end %>

'search-form'）do%>












“搜索”）%%>

为什么要用JQuery编写AJAX，而不是在表单上使用：remote参数？您是否已检查以确保helper方法正在呈现一个合理的HTML表单，表单上附加了submit按钮以及预期的ID？您是否尝试输出“$（this）.attr（'action'）”并查看它是否在Rails应用程序的上下文中实际返回了合法的URL？这些只是一些开始故障排除的建议。在进一步调试之后，我意识到ajax请求很好，正是我试图呈现它的方式导致了问题。谢谢你的建议。在js中调试总是有点棘手

<%= form_tag(profiles_path, method: :get, :id =>'search-form') do %>
  <%= label(:language, 'What are your preferred languages?') %><br>
    <%= check_box_tag('search[language]', 'Ruby') %>
    <%= label_tag('search[language]', 'Ruby') %>
    <%= check_box_tag('search[language]', 'JavaScript') %>
    <%= label_tag('search[language]','JavaScript') %>
    <%= check_box_tag('search[language]', 'Python') %>
    <%= label_tag('search[language]', 'Python') %>
    <%= check_box_tag('search[language]', 'Java') %>
    <%= label_tag('search[language]','Java') %>
    <%= check_box_tag('search[language]', 'PHP') %>
    <%= label_tag('search[language]','PHP') %>
    <%= check_box_tag('search[language]', 'C++') %>
    <%= label_tag('search[language]','C++') %><br>

  <%=label_tag(:operating_system,"What is your Operating System of choice?") %><br>
    <%= check_box_tag('search[operating_system]', 'Unix') %>
    <%= label_tag('search[operating_system]','Unix') %>
    <%= check_box_tag('search[operating_system]', 'Linux') %>
    <%= label_tag('search[operating_system]','Linux') %><br>

  <%= label_tag(:age, 'What age-range are you looking for?')%><br>
    <%= check_box_tag('search[age]', '20-25') %>
    <%= label_tag('search[age]','20-25') %>
    <%= check_box_tag('search[age]', '25-30') %>
    <%= label_tag('search[age]', '25-30') %>
    <%= check_box_tag('search[age]', '30-35') %>
    <%= label_tag('search[age]', '30-35') %>
    <%= check_box_tag('search[age]', '40-45') %>
    <%= label_tag('search[age]','40-45') %><br>
    <%= check_box_tag('search[age]', '50+') %>
    <%= label_tag('search[age]','50+') %>

  <%= label_tag(:gender, "Gender:") %>
    <%= check_box_tag('search[male]') %>
    <%= label_tag('search[male]', 'Male' )%>
    <%= check_box_tag('search[female]')%>
    <%= label_tag('search[female]', 'Female')%>
    <%= check_box_tag('search[other]') %>
    <%= label_tag('search[other]', 'Other')%>


  <%= label_tag(:location, "Where do you want the person you're searching for to live?") %>
    <%= text_field_tag ('search[location]') %>

  <%= submit_tag("Search", :id => "search") %>
<% end %>