how i can reload datatables into multiple functions ajax response when datatable is being into fx

Razupk_ngomaster

function getBranchData() {
$.ajax({
type: 'GET',
url: 'includes/branches/getBranchData.php',
success: function (data) {
$('#BranchTable').html(data).DataTable();
}
});
}

Razupk_ngomaster

now i want to reload this function into my next function response
function addBranch() {
$.ajax({
url: "includes/branches/addNewBranch.php",
type: "POST",
data: $("#addNewBranchForm").serialize(),
beforeSend: function () {
$("#loaderBranch").show();
$("#addBranch").hide();
},
success: function (data) {
$("#loaderBranch").hide();
$("#addBranch").show();
alert(data);
getBranchData().ajax.reload();
}
});
}

but it didnot show any result,please help if anybody can..thanks in advance

Razupk_ngomaster

getBranchData() works parfectly but another call not working properly

colin

It looks like you're initialising the table again with each call, so you would need to destroy() it first. It would be better to let DataTables handle the ajax, and just call ajax.reload().

Colin