如何使用Ajax在Ruby on Rails的

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' 

的意见/板/ 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; 
    }); 
});