Handle result of ajax request in Ruby on Rails received in json format

Question

I'm trying to authenticate through AJAX and can not figure out how to show a message when ajax request is finished. When email and password are invalid, I need to show an error message.

The code of a haml page

=form_for(resource, :as => resource_name, :url => session_path(resource_name), :remote => true, :format => :json) do |f| 
    = label :user, :email, "Email"
    = text_field :user, :email
    = label :user, :password
    = password_field :user, :password
    %input{:type => "submit", :value => "Sign in"}

and the result enter image description here

Your ideas?

We will need your UsersController/SessionsController code to answer your question. — Erez Rabih
– Erez Rabih, Commented Sep 16, 2012 at 13:59

dimuch · Accepted Answer · 2012-09-16 14:40:28Z

3

Since you're using JSON format (only data, not actions), you need some kind of client-side processing.

Try to process response in ajax:success handler. With jQuery it can be something like:

$('#the_form_id').on('ajax:success', function(data, status, xhr) {
  if(data) {
    if(data.status) { // Login successful
      alert("Login successful");
    }
    else {
      alert(data.errors);
      // To show errors inside a DOM element
      $("#error-wrapper").html(data.errors);
    }
  }
});

answered Sep 16, 2012 at 14:40

dimuch

12.8k2 gold badges41 silver badges23 bronze badges

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

1 Comment

trueunlessfalse Over a year ago

In an ajax request you have to take care of displaying your message yourself. If you have a specific container / dom element reserved for displaying the flash message, you can modifiy dimuchs answer to display the message there.

Collectives™ on Stack Overflow

Handle result of ajax request in Ruby on Rails received in json format

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related