jQuery Datatable - 更改數據網址

Question

當前正在使用jQuery Datatables插件。

我現在需要能夠根據某些表單輸入值更改ajax數據源，這些值將在點擊按鈕時提交？

實現此目的的推薦方法是什麼？

$(document).ready(function() { 

     $('#btnReport') 
      .click(function() { 
       var table = $('#reports').DataTable(); 
       table.ajax.reload(); 
      }); 

     var querystring = '?from=' + $('#datetimepickerFrom').val() + '&till=' $('#datetimepickerFrom').val(); 

     var url = '/api/reports/custom'; 

     var table = $("#reports").DataTable({ 
      ajax: { 
       url: url + queryString, 
       dataSrc : "" 
      }, 
      columns: [ 
       { 
        data: "fullName" 
       }, 
       { 
        data: "timeIn" 
       } 
      ] 
     }); 

    }); 

非常感謝

Answer 1

使用ajax.url()和ajax.url().load()設置URL從那個URL表並加載數據。

例如：

function getDataTableUrl(){ 
    return 
     '?from=' + $('#datetimepickerFrom').val() 
     + '&till=' + $('#datetimepickerFrom').val(); 
} 

$('#btnReport') 
    .click(function() { 
     var table = $('#reports').DataTable(); 
     table.ajax.url(getDataTableUrl()).load(); 
    });