单击按钮时，如何触发jquery数据表fnServerData通过AJAX更新表？

单击按钮时，如何触发jquery数据表fnServerData通过AJAX更新表？

我前段时间找到了这个脚本（所以我不记得它来自:(和谁归功于它了：’（），但是在这里：

$.fn.dataTableExt.oApi.fnReloadAjax = function (oSettings, sNewSource, fnCallback, bStandingRedraw) {    if (typeof sNewSource != 'undefined' && sNewSource != null) {        oSettings.sAjaxSource = sNewSource;    }    this.oApi._fnProcessingDisplay(oSettings, true);    var that = this;    var iStart = oSettings._iDisplayStart;    var aData = [];    this.oApi._fnServerParams(oSettings, aData);    oSettings.fnServerData(oSettings.sAjaxSource, aData, function (json) {                that.oApi._fnClearTable(oSettings);                var aData = (oSettings.sAjaxDataProp !== "") ? that.oApi._fnGetObjectDataFn(oSettings.sAjaxDataProp)(json) : json;        for (var i = 0; i < aData.length; i++) { that.oApi._fnAddData(oSettings, aData[i]);        }        oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();        that.fnDraw();        if (typeof bStandingRedraw != 'undefined' && bStandingRedraw === true) { oSettings._iDisplayStart = iStart; that.fnDraw(false);        }        that.oApi._fnProcessingDisplay(oSettings, false);                if (typeof fnCallback == 'function' && fnCallback != null) { fnCallback(oSettings);        }    }, oSettings);}

在 调用数据表初始化函数 之前， 添加该代码。那么您可以像这样调用重载：

$("#userFilter").on("change", function () {        oTable.fnReloadAjax(); // In your case this would be 'tblOrders.fnReloadAjax();'    });

userFilter

是下拉菜单的ID，因此当它更改时，它将重新加载表的数据。我只是添加了此示例，但您可以在任何事件上触发它。