Перезагрузка данных без обновления с помощью ajax

Question

У меня есть данные на вкладке, которая загружается из данных, отправленных контроллером по методу индекса.

$data = array(
    'documents'  => $this->getDocuments(), 
    //more stuff... 
); 

$this->load->view($this->config->item('groupViews') . 'example/example_edit_view', $data); 

У меня есть представление для загрузки DataTable

<div class="form-group col-md-12"> 
    <table 
     id="t_documents" 
     class="table table-striped table-bordered table-hover" 
     cellspacing="0" 
     width="100%"> 
    </table> 
</div> 

тогда я загружаю DataTable в JavaScript при загрузке страницы

var documentos = <?php echo json_encode($documents); ?>; 
    if (documentos !== null){ 
     var table = $('#t_documents').DataTable({ 
      language: { 
       "url": "<?=trad($this,'LANG_DATATABLES');?>" 
    }, 
    data: documents, 
    paging: true, 
    ordering: true, 
    pageLength: 10, 
    columns: [ 
     { title: "" }, //Download button 
     { title: "<?=trad($this,'FILE_NAME');?>" }, 
     { title: "<?=trad($this,'FILE_TYPE');?>" }, 
     { title: "" }  //Delete button 
    ] 
    }); 
} 

У меня есть функция удаления тоже. Как я могу перезагрузить данные (с помощью ajax для получения данных с контроллера снова) без перезагрузки страницы?

Answer 1

 var table=$('#tableid'); 
$('#tableid').on('click','thedeletebuton_id',function(event) { 
     event.preventDefault(); 
     var id=$(this).data('id'); // pass the id to the controller to delete using ajax 
     $.ajax({ 
      type: "POST", 
      url: "<?php echo base_url('your controller'); ?>", 
      data: {id:id}, 
      success: function(data) 
      { 
      table.ajax.reload(); /// reloads the table 
      alert('Deleted'); 
      } 
     }); 

     }); 

Answer 2

Библиотека Datatables обеспечивает функцию для ее реализации. Проверьте эту ссылку data table ajax reload. Надеюсь, вы найдете ее полезной.