在服务器端分页上防止来自 jquery 数据表的多个 ajax 调用

Question

我有一个 jquery dataTable，它使用 ajax 向 MVC 控制器发送请求并显示数据。 它适用于客户端处理，但响应时间太慢，因为它检索所有记录。

为了使其更快，需要服务器端分页。 服务器端分页的问题是在 jquery 数据表中将服务器端分页设置为 true 会发出多个 ajax 请求。

我一直在调试它，但无法解决导致多个 ajax 请求的问题。我在 google 上实现了许多不同的方法，但没有任何效果。

如何使用服务器端分页使其工作？ 如何防止多个 ajax 调用？ （表在 document.ready() 下初始化）

document.ready(function() {

            $("#myTable").DataTable({
            "processing": true, // for show progress bar
            "serverSide": true, // for process server side
            "orderMulti": false, // for disable multiple column at once
            "ajax": {
                "url": "/home/LoadData",
                "type": "Get",
                "datatype": "json"
                "data":{ date:'date'},// parameter on controller to filter records 
            },
            "columns": [
                    { "data": "ContactName", "name": "ContactName", "autoWidth": true },
                    { "data": "CompanyName", "name": "CompanyName", "autoWidth": true },
                    { "data": "Phone", "name": "Phone", "autoWidth": true },
                    { "data": "Country", "name": "Country", "autoWidth": true },
                    { "data": "City", "name": "City", "autoWidth": true },
                    { "data": "PostalCode", "name": "PostalCode", "autoWidth": true }
            ]
        });

第一次调用返回的数据正是我想要的，但多次请求会使情况变得更糟。

Answer 1

我在 ajax 成功方法上将数据添加到表中，即使我已经为它定义了列定义。 去掉success方法解决了问题。