How to Use Ajax in ruby on rails

Question

I want send selected drop down menu value to controller by 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 %>

but @city_ids dont respond value after chenge drop down menu

data: {"city": city_js_id} should be data: {city: city_js_id} — Emu
– Emu, Commented Jun 20, 2016 at 11:11

Kumar · Accepted Answer · 2016-06-20 11:22:43Z

1

You need to respond back from your insert method.

Try doing this

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

Create a partial file with the new content _insert.html.erb

<%= @city_ids %>

In you panel.js.erb try catching the response and append it in your DOM wherever necessary. Your updated value will be on the page.

$(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;
  });
});

answered Jun 20, 2016 at 11:22

Kumar

3,1262 gold badges19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Mohammad Seif Over a year ago

I try this But dont work ==> Error {Template is missing}

Kumar Over a year ago

You can give the full path. Lets say your partial resides inside views/panel/_inser.html.erb. Do render partial: 'panel/insert.html.erb'

Kumar Over a year ago

Look at the error, it must be giving you the path where it didn't find. You'll be able to fix it. :)

Mohammad Seif Over a year ago

i want show in my view not in partial and i fix path but There are error

Kumar Over a year ago

Yes. The partial will be rendered with the updated information from the server so new information will show on your view. What error do you get?

Collectives™ on Stack Overflow

How to Use Ajax in ruby on rails

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related