jQuery Forum

I have a form to create a new item in the db, it does this through ajax. I also have an array on the page displaying all the current items. When I add a new item using ajax i want the items array to update and display the new item.

I'm using ruby on rails with the gon gem to make the js array so the js array isn't getting the values from the db its getting them from the rails array which is getting it from the db. If I update the js array on form submit it will still grab it from the rails array that hasn't been updated.

I figured to just have the submitted string value added to the array after it's saved to the db. And then have the array updated on the page without the page re loading.

My main problem is how to grab the submitted string value adding it to the array and once it is added to the array, updating the array items displayed on the page to show the newly added item.

here is the ajax coding

1. $('#new_category_item_key').submit(function(event) {
2.   if ($(this).find('.required[value=""]').length == 0) {
3.     alert('Please submit a name!');
4.     event.preventDefault();
5. }   else {
6.     $.ajax({
7.       type: 'POST',
8.       url: $('#new_category_item_key').attr('action'),
9.       data: string
10.     }).success(function(json) {
11.     key_name.push( ?? );  // what value do  use to add the submitted value to the array
12.     $("#keys_list").load(location.href + " #keys_list"); //not sure if this will work haven't got the coding to get this far yet
13.       alert('New key added');
14.     });
15.   }
16. });
17.   });