Javascript Form Submition

Question

I'm looking to refresh the the table "dashboard_categories" when I click submit without the whole page refreshing, this is what I've done so far: http://pastie.org/7822560

I'm now stuck on what I do with Javascript as I'm a complete novice. I know I have to catch the form submission, send the data and then call the partial to refresh... but have no clue how. Any ideas?

Hopefully I'm not far off...

I've got a content_for tag for the javascript on index.html.erb:

<% content_for :javascript do %>
  <script type='text/javascript'>

  </script>
<% end %>

This [post](http://stackoverflow.com/questions/3235315/how-to-reload-a-div-using-renderupdate-and-replace-html) may help you. — Antarr Byrd, May 09 '13 at 14:15
What about [jquery form plugin](http://malsup.com/jquery/form/)? — fotanus, May 09 '13 at 14:18

sites · Accepted Answer · 2013-05-13T15:10:49.747

2

Include unobtrusive javascript driver in your manifest app/assets/javascript/application.js:

//= require jquery_ujs

And then mark the form to be submitted by AJAX:

<%= form_for(@category), remote: true do |f| %>

edited May 13 '13 at 15:10

answered May 09 '13 at 14:38

sites

21,417
17
87
146

Thank you!!!!! This is exactly what I was after, just a dumb moment. Now.. how do I go about loading the partial within the div on submit? – Taylor Williams May 13 '13 at 13:35
Ok, create.js.erb is rendering correctly. However I need it to reload the div "#dashboard_categories" with the data from create.js.erb? – Taylor Williams May 13 '13 at 14:00
I've released create.js.erb is being called and loaded - however it's not rendering with the very latest data? If i submit the form twice, then the second last item shows in the table. – Taylor Williams May 13 '13 at 14:06
I've opened a new question here... http://stackoverflow.com/questions/16524506/unobtrusive-javascript-not-loading-latest-submitted-data – Taylor Williams May 13 '13 at 14:29

Javascript Form Submition

1 Answers1

Linked