JQuery 数据表刷新 - 无法在 MVC controller 端接收参数值

Question

试图在 JQuery 数据表中传递一些参数，它在 init 上工作正常。 但是当我尝试刷新数据表时，在 controller 端收到的值是空的。 这是代码：

 $("#SearchResultsTable").DataTable({
            "processing": true, 
            "serverSide": true, 
            "bLengthChange": false,
            "filter": false, 
            "pageLength": @Model.PageSize,
            "orderMulti": false, 
            "ajax": {
                "url": "/Request/SearchRequest",
                "type": "POST",
                "datatype": "json",
                "data": {
                    "Date_To": document.getElementById("Date_To").value,
                    "Date_From": document.getElementById("Date_From").value
                }
            },
            "columns": [
                { "data": "ABC", "name": "ABC", "autoWidth": true },
                { "data": "DEF", "name": "DEF", "autoWidth": true }
            ]
        }); 

刷新数据表：

$("#Search_Btn").click(function () {
            $("#SearchResultsTable").DataTable().clear();
            $("#SearchResultsTable").DataTable().draw();
        });

也试过：

$("#Search_Btn").click(function () {
                var table = $('#SearchResultsTable').DataTable();
                table.ajax.reload();
            });

我想以这种方式刷新表格，以便在 controller 端提供更新后的 'Date_To' 和 'Date_From' 值。

Answer 1

您需要通过 jquery 数据表传递参数，如下所示：

"data": function (data) {

           data.Date_To = document.getElementById("Date_To").value;
           data.Date_From = document.getElementById("Date_From").value;

        }

请查看以下教程以获取更多详细信息

https://www.codeproject.com/Articles/1170086/Grid-with-Server-Side-Advanced-Search-using-JQuery