时间戳

首页 > 解决方案 > 如何使用数据表和服务器端数据源修复分页错误？

javascript - 如何使用数据表和服务器端数据源修复分页错误？

问题描述

我正在使用此处描述的数据表框架：

https://datatables.net/examples/server_side/simple.html

我能够获取在此 url 中定义的示例来处理初始页面加载。但是排序和页面按钮不起作用。当按下按钮时，似乎调用了 ajax 调用：服务器返回一个表示数据的 json 字符串（它与 ajax 选项卡中显示的字符串相同）。该调用似乎将数据返回到页面（我可以使用 Chrome 工具在响应中看到 json 字符串）。但是，表格似乎没有刷新，并且“处理中...”窗口永远不会清除。

这是页面中的 javascript 的样子：

<head>
    <script>
        $(document).ready(function() {
            $('#example').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax": "${home}/Forward?actionClass=serverexample.ServerExampleAction"
            } );
        } );
    </script>
</head>

我在这里做错了什么？

- - 编辑 - - - - - -

另外，有没有办法可以调试它（例如添加一个警报以查看实际执行的代码，我没有使用最小化的js，我使用的是datatables.js）。

查询返回的 JSON 是这样的：

{
  "draw": 10,
  "recordsTotal": 57,
  "recordsFiltered": 57,
  "data": [
    [
      "Caesar",
      "Vance",
      "Pre-Sales Support",
      "New York",
      "12th Dec 11",
      "$106,450"
    ],
    [
      "Cara",
      "Stevens",
      "Sales Assistant",
      "New York",
      "6th Dec 11",
      "$145,600"
    ],
    [
      "Cedric",
      "Kelly",
      "Senior Javascript Developer",
      "Edinburgh",
      "29th Mar 12",
      "$433,060"
    ]
  ]
}

标签： javascriptjquerydatatables

解决方案

推荐阅读