2016-01-28 3 views
2

Есть ли способ, который я могу автоматически обновлять данные в jquery datatable? Я хочу нажать кнопку, которая сделает запрос AJAX возвращать новые данные и вставлять данные в данные. Я хочу что-то вроде:Динамическое обновление jquery datatable с помощью ajax

$("#update_button").click(function(e) { 
    $.ajax({ 
     type: "POST", 
     data: productType, 
     url: "/api/getproducts", 
     success: function(data, status) { 
      $('#products_table').DataTable({ 
       data: data, 
       columns: [ 
        { title: "col 1" }, 
        { title: "col 2" }, 
        { title: "col 3" }, 
        { title: "col 4" }, 
        { title: "col 5" }, 
        { title: "col 6" } 
       ] 
      }); 
     }, 
     error: function(data, status, res) { 
      console.log('error...'); 
      console.log(res); 
     } 
    }); 
}); 

Однако это дает мне ошибку «повторная инициализация таблицы» ... Может кто-то помочь?

Спасибо!

+3

См 'https://datatables.net/reference/api/ajax.reload()', 'ajax.reload()' является доступной библиотекой для перезагрузки JQuery datatables из их источника ajax. – stark

+1

проверить это http://stackoverflow.com/questions/32049439/how-to-set-dynamically-the-ajax-url-of-a-datatable/32049573#32049573 – Bugfixer

+0

Вы должны извлечь код инициализации из щелчка и просто вызовите 'draw()' для обновления данных. – markpsmith

ответ

0

попробовать что-то вроде этого:

$("#myName").on("change", function(){ 
    tbl.ajax.url("<?php echo RP_SSP ?>server_processing_reservTables.php?myName="+$(this).val()).load(); 
}); 
Смежные вопросы