jQuery Datatable - 데이터 URL 변경

Question

현재 jQuery Datatables 플러그인을 사용 중입니다.

이제 버튼 입력시 제출되는 양식 입력 값에 따라 아약스 데이터 소스를 변경할 수 있어야합니까?

이 작업을 수행하는 데 권장되는 방법은 무엇입니까?

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