Ajax成功后如何重新加载jquery数据表？

Question

成功的ajax事件发生后，我试图重新加载我的jquery数据表：

 $(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警告：表格ID = 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();