ruby-on-rails - 使用 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

索引.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 %>

索引.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 调用