Как я могу перезагрузить свой jquery datatable после успеха ajax?

Question

Я пытаюсь перезагрузить свой jquery datatable после успешного события ajax:

 $(document).on('change', '#select', function(e) {
    var uuid = $( "#form_uuid" ).val();
    var form = $(this).closest('form');
    var formData = form.serializeArray();

    $.ajax({
      method:'POST',
      url:'{{ path('forms', { 'slug': output.page.slug }) }}',
      data: {
        "data": formData
      },
      success: function(data){
          table.ajax.reload();  
      }
    });

Я получаю следующее сообщение об ошибке:

Предупреждение DataTables: идентификатор таблицы = DataTables_Table_0 - недействительноОтвет JSON.Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/1

Я также пытался использовать

$('.table').DataTable().ajax.reload();

, но я получаю то же сообщение об ошибке.

Этомои данные:

  var table = $('.table').DataTable({
    "scrollX": true,
    "data": {{ output.data|raw }},
  });

Answer 1

попробуйте это:

table.fnDraw();

или:

reloadTable = $('.table').dataTable();
reloadTable.fnDraw();