jQuery Datatable - Ändern der Daten-URL

Question

Momentan wird das jQuery Datatables-Plugin verwendet.

Ich muss jetzt in der Lage sein, die Ajax-Datenquelle auf der Grundlage einiger Formulareingabewerte zu ändern, die bei einem Klick auf die Schaltfläche gesendet würden?

Was ist die empfohlene Methode, um dies zu erreichen?

$(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" 
       } 
      ] 
     }); 

    }); 

Vielen Dank

Answer 1

Verwenden ajax.url() und ajax.url().load() URL für die Tabelle und Daten von dieser URL zu setzen.

Zum Beispiel:

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

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