Populate Custom Caption from Json - json

Question

How can i populate caption of the table with the hospitallName & Date supplied in the json data?
** expected output is added here **
Json :
{
"sEcho":2,
"iTotalRecords":243,
"iTotalDisplayRecords":243,
"aaData":[
[
"Mark Zuckerberg",
"USA",
"Feb 14, 1943"
],
[
"John Mathew",
"UK",
"Feb 14, 1943"
],
[
"John Mathew",
"USA",
"Feb 14, 1943"
]
],
"Date":"Aug 01, 2016 - Aug 05, 2016",
"hospitallName":"Apollo Hospital Center"
}
--
on my server side,i am calling like this,
$(document).ready(function() {
oTable = $('#report').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bServerSide": true,
"bProcessing":true,
"bFilter":true,
"oLanguage": {
"sProcessing": "Please wait..."
},
"sAjaxSource": "myDataTableAction.action",
"aaSorting": [],
});
$('td.options span').hide();
$('<caption/>').html('<h2 style="text-align: center;background-color:#f9b660 !important ; line-height: 45px;">Have to show hosital Name & Date here</h2>').appendTo( '#report' );
});

Answer 1

You can use ajax instead of sAjaxSource and use the dataSrc callback to populate the headers. You are not giving any example of layout or markup, but if you give the relevant headers an id you can do the following :
ajax: {
url: 'myDataTableAction.action',
dataSrc: function(json) {
$('#date_head').text(json.Date)
$('#hospitalName_head').text(json.hospitallName)
return json.aaData
}
}
see demo -> http://jsfiddle.net/zvqdpeky/