AJAX rails check box using javascript .submit()

Question

I'm using Rails 3.1 and I need a checkbox to toggle and save to the database without the page refreshing or redirecting.

Let me preface by saying i'm fairly novice, if i'm coming at this problem from the wrong angle please let me know.

Here is my form:

<% form_for book, :remote => true do |f| %>
   <%= f.check_box :finished %>
<% end %>

Here is my jQuery javascript:

$('input#book_finished').live("click", function() {
    $(this).parent('form').submit();
});

The :remote = > true doesn't work when I submit via jQuery, but does if I throw in a submit button (which I can't have). How can I submit on clicking the checkbox though JS?

Your JS should submit the form just fine. Of course in this case you'd have to handle the response as well yourself. What exactly happens? — polarblau
– polarblau, Commented Sep 19, 2011 at 7:37
It submits, then redirects to the show page ( I'm using a standard restful scaffold). I tried changing the controller so there is no redirect and I get a missing template error. — Alex Marchant
– Alex Marchant, Commented Sep 19, 2011 at 17:57

polarblau · Accepted Answer · 2011-09-19 18:07:52Z

3

Your code so far only handles the submitting via a click on the checkbox. In order to submit the form via AJAX, you'll still have to catch the submit event, prevent the default behavior and send the form data:

$('#form-id').submit(function(){
  $.ajax({
    type: this.method,
    url: this.action,
    data: $(this).serialize(),
    success: function(){
      ... // do something in case everything went find
    }
  });
  return false;
});

answered Sep 19, 2011 at 18:07

polarblau

17.8k8 gold badges66 silver badges84 bronze badges

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

Collectives™ on Stack Overflow

AJAX rails check box using javascript .submit()

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related