javascript - dataTables 更改 ajax 调用的数据

Question

我正在使用以下函数加载带有来自服务器的数据的 DataTables 表。我想在点击事件上使用不同的参数重新加载表格，但我不知道如何做到这一点。如果我调用重新加载，它只会使用原始参数重新加载，如果我重新初始化整个表，它会抛出错误，因为该表已经存在。

我一直在研究 fnServerParams，但无法确定它是否有帮助。

如果有人能指出我正确的方向，那就太好了。

function LoadRiskProfileModalTable(userId, teamId, riskProfileClass) {

var params = {
    userId: userId,
    teamId: teamId,
    riskProfileClass: riskProfileClass
};

var data = JSON.stringify(params);
//if (!$.fn.DataTable.isDataTable("#riskProfileTable")) {

    var table = $("#riskProfileTable").DataTable({
        "bProcessing": true,
        "sAjaxSource": "WFMHome.aspx/GetRiskProfileDrillThroughDatatable",
        "fnServerData": function (sSource, aoData, fnCallback) {
            //aoData.push(JSON.stringify(params));
            $.ajax({
                "dataType": 'json',
                "contentType": "application/json; charset=utf-8",
                "type": "POST",
                "url": sSource,
                "data": data,
                "success": function (msg) {
                    var json = jQuery.parseJSON(msg.d);
                    fnCallback(json);
                    $("#riskProfileTable").show("fast", function () { $('#riskProfileTableLoading').hide("fast") });
                },
                error: function (xhr, textStatus, error) {
                    if (typeof console == "object") {
                        appendAlert("errorAlertPlaceholder", xhr.responseText, 1, "danger");
                        console.log(xhr.status + "," + xhr.responseText + "," + textStatus + "," + error);
                    }
                }
            });
        },
        "columns": [
            { "data": "CaseHandler" },
            { "data": "caseAreaText" },
            { "data": "RiskProfileText" },
            { "data": "PassChecks" },
            { "data": "F1Checks" },
            { "data": "F2Checks" },
            { "data": "F3Checks" },
            { "data": "CurrentChecks" }
        ]
    });
//} 
//else {
//        $('#riskProfileTable').DataTable().ajax.reload();
//    }
};

Answer 1

如果您只想用来自服务器的数据替换您现在拥有的数据，请尝试将 success 方法替换为:

"success": function (msg) {
    var json = jQuery.parseJSON(msg.d); //I assume it's the data set
    var table = $("#riskProfileTable").DataTable();
    table.rows.clear(); //clear the current data
    table.rows.add(json).draw();
    $("#riskProfileTable").show("fast", function () { $('#riskProfileTableLoading').hide("fast") });
},