Ruby on Rails: Get json from controller in Javascript file

Question

in my controller I've some json:

votes_controller.rb:

def create
  ...
  vote_status = current_user.user_votes.pluck(:recipient_uid).include?(@user.uid)
  render json: vote_status
end

I need to get vote_status in javascript file

votes.js:

jQuery(function($) {
  $(".doWant").click( function () {
    var status = vote_status.evalJSON();
    var uid = $(this).parents("#dialog")[0];
    var username = $(this).parents("#dialog")[0];
    if(confirm("Are you sure?")) {
      $.ajax({
        url: '/votes' + "?uid=" + $(uid).attr("data-user-uid") + "&username=" + $(username).attr("data-user-username"),
        type: 'POST',
        success: function(data) {
          console.log(data)
        }
      });
    };
  });
});

But there is an error Uncaught ReferenceError: vote_status is not defined. What am I doing wrong?

Thanks!

where does vote_status in var status = vote_status.evalJSON(); defined? — xiaoboa
– xiaoboa, Commented Mar 19, 2014 at 0:25
@enchante that is my question. I dont know clearly how and where should I defined it. How can I get json from controller in javascript? — Pavel
– Pavel, Commented Mar 19, 2014 at 0:29

Ryan Bigg · Accepted Answer · 2014-03-19 00:30:42Z

3

You're not defining this variable:

var status = vote_status.evalJSON();

You must define that variable.

It seems likely that you intended for that code to go into the success function, which returns the data from the ajax call as the first argument in that function:

success: function(data) {
  console.log(data)
}

answered Mar 19, 2014 at 0:30

Ryan Bigg

108k25 gold badges243 silver badges264 bronze badges

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

2 Comments

Pavel Over a year ago

but how should I define this variable? I need to get value of json from votes_controller

Paul Richter Over a year ago

@Gvcci The data variable contains the rendered vote_status data.

xiaoboa · Accepted Answer · 2014-03-19 00:54:49Z

2

The vote_status is returned in success json callback, init the status there

$.ajax({
    url: '/votes' + "?uid=" + $(uid).attr("data-user-uid") + "&username=" + $(username).attr("data-user-username"),
    type: 'POST',
    success: function(data) {
      var status = JSON.parse(data);
    }
  });

answered Mar 19, 2014 at 0:54

xiaoboa

1,95114 silver badges18 bronze badges

Collectives™ on Stack Overflow

Ruby on Rails: Get json from controller in Javascript file

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related