javascript - How to create, edit or delete entities from a table and save it to database

Question

I want to be able to use a table like this:

Snippet 1

Snippet 2

After editing, creating or deleting rows, I want to be able to submit them to the controller. After having the data in the controller I should be good and know what to. However my problem is how to send the dynamic information to the controller.

Any sugestions?

Thanks! ??

question from:https://stackoverflow.com/questions/65941878/how-to-create-edit-or-delete-entities-from-a-table-and-save-it-to-database

Answer 1

As far as I've understood your problem, you need to use Ajax requests fom your Javascript code to controller. Something like this:

$(document).on('click', 'button.update', function () {
that = $(this);
$.ajax({
  url:"/post/update",
  type: "POST",
  dataType: "json",
  data: {   /* here you collect your data from page */ 
           "name": that.parent.children('.name-input').val()     
  },
  async: true,
  success: function (data)
  {
    console.log(data);
    $('div#ajax-results').html(data.success);
  }
});

return false;
});