javascript - jQuery 数据表 - 未填充 Ajax 响应的表

标签 javascript jquery datatables

我正在尝试将 jquery 数据表与服务器端处理集成到 UI 组件之一中。请求 url 返回一个 json。 JSON 格式良好,并通过 jsonlint 验证。

这是从 firebug 获取的典型 json 响应。

{
    "sEcho": 1,
    "iTotalRecords": 6416,
    "iTotalDisplayRecords": 5,
    "aaData": [
        {
            "0": 421367,
            "1": "Test1",
            "2": "NEW",
            "3": "Default",
            "4": "18 Aug 2011 20:27:12 GMT",
            "5": "TestBench",
            "6": "NA"
        },
        {
            "0": 421368,
            "1": "Test2",
            "2": "NEW",
            "3": "Default",
            "4": "18 Aug 2011 20:27:12 GMT",
            "5": "TestBench",
            "6": "NA"
        },
        {
            "0": 421369,
            "1": "Test3",
            "2": "NEW",
            "3": "Default",
            "4": "18 Aug 2011 20:27:12 GMT",
            "5": "TestBench",
            "6": "NA"
        },
        {
            "0": 421370,
            "1": "Test4",
            "2": "NEW",
            "3": "Default",
            "4": "18 Aug 2011 20:27:13 GMT",
            "5": "TestBench",
            "6": "NA"
        },
        {
            "0": 421371,
            "1": "Test5",
            "2": "NEW",
            "3": "Default",
            "4": "18 Aug 2011 20:27:13 GMT",
            "5": "TestBench",
            "6": "NA"
        }
    ]
} 

脚本:

 $(document).ready(function() {
   var thisTable;  
    thisTable = $('#events').dataTable( {
      "bProcessing": true,
      "bServerSide": true,
      "bJQueryUI": true,
      "sPaginationType": "full_numbers",
      "sAjaxSource": "http://localhost:9000/dt/data/all"
    });
  });

我在屏幕上看到处理窗口,但它不会停止。 table 还是空的。

我在这里遗漏了什么吗?

sEcho 有问题吗?因为我一直看到处理窗口。

最佳答案

我遇到了同样的问题,即处理消息永远不会停止,但发布响应没有任何错误。我检查了POST数据,我的错误是在更改页码后,浏览器发送到服务器sEcho = 2(如果单击第2页),但我的服务器端代码仍然发送​​回浏览器sEcho = 1,因此导致错误。我已经从请求参数中获取了正确的 sEcho 值并将其放入我的 json 响应数据中,现在它工作正常!!

String sEcho =request.getParameter("sEcho");

关于javascript - jQuery 数据表 - 未填充 Ajax 响应的表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14829530/

相关文章:

jquery - 使用 DataTables 导出到 PDF 时格式化特定的列内容样式

jquery - 将排序图像放在 DataTable 标题的左侧

javascript - 如何在 NAV 元素中水平居中按钮

javascript - 使用 Highchart 读取 CSV

php - 多个表单仅重定向第一个表单的操作

javascript - Laravel:如何通过 jQuery 检查用户是否登录

javascript - 仅在没有输入处于焦点时才做某事

javascript - 即使在使用js刷新后如何将项目保存在本地存储中

javascript - 我如何为无法设置动画的内容进行缓慢过渡?

javascript - 通过按 TD 对象类过滤设置只读列