使用ajax将数据加载到dataTable中

Question

我有这段代码来加载数据表

  $(".dataTable").dataTable({"bProcessing": true,
            "sAjaxSource": "datatable"});

这是数据表文件

return '{
  "aaData": [
    [
      "row 1 col 1 data",
      "row 1 col 2 data",
      "row 1 col 3 data",
      "row 1 col 4 data"

    ],
    [
      "row 2 col 1 data",
      "row 2 col 2 data",
      "row 2 col 3 data",
      "row 2 col 4 data"
    ],
    [
      "row 3 col 1 data",
      "row 3 col 2 data",
      "row 3 col 3 data",
      "row 3 col 4 data"
    ],
    [
      "row 4 col 1 data",
      "row 4 col 2 data",
      "row 4 col 3 data",
      "row 4 col 4 data"
    ]
  ]
}';

它一直说JSON的格式是错误的。

你能帮我理解我做错了吗？

Answer 1

我认为你在AJAX负载所需的json中缺少"sEcho": 1,所以尝试添加

"sEcho": 1, 

之前的

"aaData"

如果您使用return作为脚本语言，请将echo更改为PHP。

在这里更新JSON应该是什么样子

echo '{
  "sEcho": 1, 
  "aaData": [
    [
      "row 1 col 1 data",
      "row 1 col 2 data",
      "row 1 col 3 data",
      "row 1 col 4 data"

    ],
    [
      "row 2 col 1 data",
      "row 2 col 2 data",
      "row 2 col 3 data",
      "row 2 col 4 data"
    ],
    [
      "row 3 col 1 data",
      "row 3 col 2 data",
      "row 3 col 3 data",
      "row 3 col 4 data"
    ],
    [
      "row 4 col 1 data",
      "row 4 col 2 data",
      "row 4 col 3 data",
      "row 4 col 4 data"
    ]
  ]
}';