如何在Rails中的ruby中使用Ajax

Question

我想通过Ajax将选定的下拉菜单值发送到控制器

panel_controller.rb

class PanelController < ApplicationController

      def insert
         @city_ids = params[:city]
      end
end

panel.js.erb

$(document).ready(function() {
    $('#f_city_id').change(function() {
        var city_js_id = this.value
        $.ajax({
            url: '/panel/insert',
            type: 'GET',
            data: {"city": city_js_id},
            success: function (data,status)
            {
                alert(this.url);
            }
        });
        return false;
    });
});

routes.rb

get '/panel/insert' => 'panel#insert'

views / panel / insert.html.erb

<%= @city_ids %>

但是@city_ids在chenge下拉菜单后没有响应值

Answer 1

您需要从您的insert方法中回复。

试试这个

class PanelController < ApplicationController
  def insert
    @city_ids = params[:city]
    respond_to do |format|
      format.html { render partial: 'insert.html.erb' }
    end
  end
end

创建具有新内容_insert.html.erb的部分文件

<%= @city_ids %>

在您的panel.js.erb中，尝试捕获响应，并在必要时将其附加到DOM中。 您更新的值将在页面上。

$(document).ready(function() {
  $('#f_city_id').change(function() {
    var city_js_id = this.value
    $.ajax({
        url: '/panel/insert',
        type: 'GET',
        data: {"city": city_js_id},
        success: function (res){
            $("#somediv").html(res);
            //You will get the partial's content with the new data and you'll only need to append it to your page.
        }
    });
    return false;
  });
});