Update Rails Variable in ERB using Ajax

Question

I have a dropdown menu of patients. When a user selects a patient from the dropdown menu, I want to use JQUERY to get that patient's ID, then make an AJAX call to the server to return that patient as a variable I can use in my view.

Dropdown:

    <%= f.select :patient_id, content_tag(:option,'select 
patient...',:value=>"")+content_tag(:option,'New 
Patient',:value=>"")+options_from_collection_for_select(@patients, 'id', 
'full_name'), :class=>"form-control" %>

JS:

 $('#assessment_patient_id').change(function(){
var e = document.getElementById("assessment_patient_id");
var patient_id = (e.options[e.selectedIndex].value)

if (patient_id == 0) {
  window.location.href = "/patients/new"
} else {
  $.ajax({
    type: "POST",
    url: "get-patient",
    data: {patient_id: patient_id},
    success: function(data){
      console.log(data)
    },
    error: function(err){
      console.log(err);
    }
  });


}

Controller:

respond_to :js, :html, :json

      def get_patient
        @patient = Patient.find(params[:patient_id])
       respond_with @patient
     end

Routes:

  get 'assessments/get-patient', :to => 'assessment#get_patient'

get-patient.js.erb

$('#assessment-type').slideDown(350);

What I'm really trying to accomplish is the ability to go <%= @patient.method_name_here %> in my view after the user selects a patient from the drop down.

But I can't figure out how to get that data back as an object from the controller. Where does it go?

Is the success method firing?

Dave Newton
– Dave Newton

2015-06-20 01:21:52 +00:00
Commented Jun 20, 2015 at 1:21 — Dave Newton
– Dave Newton, Commented Jun 20, 2015 at 1:21
It goes to get_patient.js.erb

forthowin
– forthowin

2015-06-20 02:10:17 +00:00
Commented Jun 20, 2015 at 2:10 — forthowin
– forthowin, Commented Jun 20, 2015 at 2:10

Mark Swardstrom · Accepted Answer · 2015-06-20 02:52:17Z

1

You would do something like this. In the view add a div with the id#patient-name (for example)

Then, the js.erb file can update the dom.

# get-patient.js.erb

$('#assessment-type').slideDown(350);
$('#patient-name').html('#{j(@patient.name)}');

And, could this request go to patients_controller#show instead?

answered Jun 20, 2015 at 2:52

Mark Swardstrom

18.3k6 gold badges75 silver badges76 bronze badges

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

2 Comments

Jackson Cunningham Over a year ago

Wait - $('#assessment-type').html('#{j(@patient.name)}'); is literally just rendering #{j(@patient.name)} in my view

Jackson Cunningham Over a year ago

NVM: $('#assessment-type').html('<%=j @patient.name %>').html_safe

Collectives™ on Stack Overflow

Update Rails Variable in ERB using Ajax

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related