jquery – 使用ajax刷新表内容后重绘数据？

我使用 Datatables，并在页面上使用AJAX刷新表的按钮。要清楚表格是不是使用ajax的数据源，我们只是在需要的时候使用ajax进行刷新。 Ajax正在刷新表中包含的div。我知道我丢失了分页按钮和过滤功能，因为表需要重新绘制，但我不知道如何将它添加到表初始化代码中。

数据代码

var oTable6;
$(document).ready(function() {
    oTable6 = $('#rankings').dataTable( {
        "sDom":'t<"bottom"filp><"clear">',"bAutoWidth": false,"sPaginationType": "full_numbers","aoColumns": [ 
            { "bSortable": false,"sWidth": "10px" },null,null
        ]

    });
});

这是ajax代码

$("#ajaxchange").click(function(){
    var campaign_id = $("#campaigns_id").val();
    var fromDate = $("#from").val();
    var toDate = $("#to").val();

    var url = 'http://domain.com/account/campaign/ajaxrefreshgrid?format=html';
    $.post(url,{ campaignId: campaign_id,fromdate: fromDate,todate: toDate},function( data ) { 
            $("#ajaxresponse").html(data);
        });
});

我试过这个，但是没有办法

"fnDrawCallback": function() {
    function( data ) { 
        $("#ajaxresponse").html(data);
    };
},

// in your $.post callback:

function (data) {

    // remove the old table
    $("#ajaxresponse").children().remove();

    // replace with the new table
    $("#ajaxresponse").html(data);

    // reinitialize the datatable
    $('#rankings').dataTable( {
    "sDom":'t<"bottom"filp><"clear">',"aoColumns": [ 
        { "bSortable": false,null
        ]

    } 
    );
}