Rails form_with ajax callback not working

Question

I am trying to use the latest form_with to send an Ajax post.

Here is what I did.

<%= form_with url: comments_path, data: { type: :json } do |form| %>
  <%= form.text_area :context, class: "rt-textarea mg-b-10" %>
  <%= form.submit "Submit", class: "btn-m btn-blue, id: "comment-submit" %>
<% end >

<script type="text/javascript">
  jQuery(document).ready(function($) {
    $('#comment-submit').on('ajax:success', function(event, data) {
      console.log('GET RESPONSE!');
    });
  });
</script>

But when I send the form post, the console didn't print GET RESPONSE!. I checked the Network tab in google developer console, it did send the JSON object back. Is there anything I miss?

rj487 · Accepted Answer · 2018-07-11 11:51:52Z

2

Turns out, I put the id in the wrong place.

I should put id in form_with tag instead of submit tag.

After I change to this line, it works perfectly.

<%= form_with url: comments_path, data: { type: :json }, id: "add_comment" do |form| %>
....
<% end %>

answered Jul 11, 2018 at 11:51

rj487

4,6647 gold badges50 silver badges95 bronze badges

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

Comments

shreejana · Accepted Answer · 2018-06-20 10:40:55Z

1

I think you are missing end tag. The form_with may be like this:

<%= form_with url: users_path do |form| %>
      <%= form.text_field :email %>
      <%= form.submit %>
 <% end %>

answered Jun 20, 2018 at 10:40

shreejana

3911 gold badge3 silver badges21 bronze badges

1 Comment

rj487 Over a year ago

No, I did add the end tag

Collectives™ on Stack Overflow

Rails form_with ajax callback not working

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related