DataTables - Server-side ajax.params()
HTML
<script src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css">
<link rel="stylesheet" href="https://cdn.datatables.net/scroller/1.2.2/css/dataTables.scroller.min.css">
<script src="https://cdn.datatables.net/scroller/1.2.2/js/dataTables.scroller.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.6.2/jquery.mockjax.min.js"></script>
<button id="btn-get-data" type="button">Get data</button>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
</thead>
</table>
JavaScript
// AJAX emulation
$.mockjax({
url: '/test/0',
responseTime: 200,
response: function(settings){
console.log("Request data: ", settings.data);
var val = settings.data.start;
this.responseText = {
data: [],
draw: settings.data.draw,
recordsTotal: 0,
recordsFiltered: 0
};
}
});
var table = $("#example").DataTable({
"serverSide": true,
"ajax": "/test/0"
});
$('#btn-get-data').on('click', function(){
var data = $("#example").DataTable().ajax.params();
console.log( 'Request:', data );
console.log( 'Search term: ', data.search.value );
});