使用Rails重写Ajax页面

Question

我是rails的新手，我无法理解如何重写下一个功能。

例如：我有一个产品清单。 每个产品都有一些领域（类别）

   def index
    if params[:select_query]
      @posts = Post.selecting(params[:select_query])
    else
      @posts = Post.all   
    end

    respond_to do |format|
      format.html # index.html.erb
      format.js
    end
  end

的index.html

<%= select_tag "credit_card", options_for_select([["first", 1], ["second", 2], ["third", 3]], 2) %>
<div class='tab'>
  <%= render 'table' %>
</div>

<%= link_to 'Select', posts_path(select_query: 'first'), class: 'link', remote: true %>

index.js.erb的

$('.tab').html("<%= j render 'table' %>")

JS

$(function(){
    $('#credit_card').on('change', function(){
        variable = $(this).find('option:selected').text();
        $('.link').attr('href', '/posts?select_query='+variable).click();
    });
});

我尝试实现相同的功能，但没有额外的链接（按钮）

完美的方式我应该只有JS文件（使用Ajax）

可以帮我改写 ajax的这个功能。

Answer 1

你可以试试这个

$('#credit_card').on('change', function(){
  var variable = $(this).find('option:selected').text();
  $.ajax({
    url: '/posts',
    data: {select_query: variable },
    dataType: 'JS'});
});

或者如果你根本不想要js.erb。 您可以将控制器重写为：

# ...
respond_to do |format|
  format.html # index.html.erb
  format.js { render partial: 'table' }
end

并为您的ajax请求添加成功处理程序：

$.ajax({
  url: '/posts',
  data: {select_query: variable },
  success: function(result) {
    $('.tab').html(result);
  },
  dataType: 'JS'});

Answer 2

你也可以添加success: window.location.reload()给你ajax调用