JavaScript AJAX & Rails Controller (back-and-forth)

Question

I'm sending information back-and-forth between a Rails controller and a JS file.

I'm sending the form to the controller through JS (works)

$("#help-email-submit").ajaxSubmit({url: '/help/send_help_email', type: 'post' });

I'm able to catch the event in the controller (works)
```
def send_help_email
  ....
end
```

In the same JS file that sent the above request, how do I capture the JSON response (below)? (doesn't work)

def send_help_email
  ...
  cst_str = @current_support_ticket.to_s
  respond_to do |format|
    format.json { render :json => cst_str }
  end
end

In the JS file

var xmlhttp = new XMLHttpRequest();
alert(xmlhttp.responseText);

UPDATE

I noticed a JS error that is preventing the success: function from executing:

Error

TypeError: 'undefined' is not a function (evaluating '$("#help-email- form").ajaxSubmit({url: '/help/send_help_email', type: 'post', complete: handlerResponse })')

This is the line that is triggering the error

$("#help-email-form").ajaxSubmit({url: '/help/send_help_email', type: 'post', complete: handlerResponse })

This is complete block

var handlerResponse = function(data) {
alert(data);
};

$('#help-email-submit').live('click', function(e) {
    $('#sender-email-wrapper').fadeOut('fast', function() {
        $("#help-email-sent").fadeIn('slow');
    });
    $("#help-email-form").ajaxSubmit({url: '/help/send_help_email', type: 'post', complete: handlerResponse })
    e.preventDefault();
});

@VerdiErelErgün it seems that you don't have the plugin loaded them. Check out if it's included properly on your page with a <script> tag, and if it is after the jQuery <script> tag. — Renato Zannon
– Renato Zannon, Commented Oct 7, 2012 at 19:04

Renato Zannon · Accepted Answer · 2012-10-07 15:54:03Z

1

According to ajaxSubmit documentation, it accepts the same options that the jQuery.ajax method. So, to get the response, you can pass the complete callback to the call:

var handleResponse = function(data) {
  // Use response here
};

$("#help-email-submit").ajaxSubmit({url: '/help/send_help_email', type: 'post', complete: handleResponse });

Depending on the version of jQuery that you are using, you can also pass the callback through the complete method on the return value from jQuery.ajax:

$("#help-email-submit").ajaxSubmit({url: '/help/send_help_email', type: 'post'}).complete(function(data) {
  // Use response here
});

answered Oct 7, 2012 at 15:54

Renato Zannon

30.2k7 gold badges42 silver badges47 bronze badges

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

8 Comments

Verdi Erel Ergün Over a year ago

That seems to maybe work, I'm getting a type error now, which I think is preventing the code in handlerResponse from executing (although the post is working just fine) TypeError: 'undefined' is not a function (evaluating '$("#help-email-submit").ajaxSubmit({url: '/help/send_help_email', type: 'post', complete: handlerResponse })')

Renato Zannon Over a year ago

The name of the function in my code is handleResponse, not handlerResponse. Check out if it matches on your code

Verdi Erel Ergün Over a year ago

Ahhh I noticed that and changed that. I found this information on ajaxSubmit. It looks like it's not part of jQuery core and needs some external libraries. jquery.malsup.com/form

Renato Zannon Over a year ago

Yes, I thought you were using it already, since you said that you were able to capture the event on your ruby code.

Verdi Erel Ergün Over a year ago

Ah shoot, I uprgraded the plugin and jquery and that still doesn't seem to have solved the problem.

|

Collectives™ on Stack Overflow

JavaScript AJAX & Rails Controller (back-and-forth)

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related