无法通过 ajax 从服务器显示 DataTable 中的数据

Question

我想通过服务器的 ajax 在 DataTable 中显示数据。这是我所拥有的：

 # server
  # ....
  return jsonify({"data": {1: (123, "something1", 333), 2: (456, "something2", 555)}})

还有一个模板：

<script>
    $("#my_table").DataTable({
      ajax: "/my_url.json",
      processing: true,
      serverSide: true,
      columns: [
        {data: "id" },
        {data: "column2"},
        {data: "column3"}
      ] 
    });
  </script>

还有一张桌子：

<table id="my_table">
  <thead>
   ......

由于某种原因，什么都没有发生。完全没有。既不是对服务器的 ajax 请求。也没有错误。 js 和 css 文件已包含在模板中。

当我在浏览器中转到“/my_url.json”时，它会返回 json。

如何解决？

Answer 1

您需要稍微调整一下您的服务器端脚本，因为 DataTables 期望数据采用这种形式：

{
    "data": [
        {
            "id": 123, 
            "column2": "something1", 
            "column3": 333
        },{
            "id": 456, 
            "column2": "something2", 
            "column3": 555
        }
    ]
}

我很确定您的数据不会采用那种格式，尽管在满足data 的需求方面做得很好！

我不了解 Python，所以我不确定您将如何更改服务器端脚本，抱歉。您可以在 DataTables 中处理它，但最好在服务器端进行，希望对您有所帮助。