使用 Ajax 查询获取 json 数组答案

【问题标题】：Fetching json array using Ajax Query使用 Ajax 查询获取 json 数组
【发布时间】：2020-01-29 17:17:22
【问题描述】：

请求您的帮助，关于如何使用数据表显示 json 数组，下面是数组类型和我厌倦的代码，但没有显示任何内容。

**JSON Array**
{"Server1":
  {
    "2020-01-29":3,
    "2020-01-28":0,
    "2020-01-27":0
 },
 "Server2":
 {"2020-01-29":3,
  "2020-01-28":0,
  "2020-01-27":0
 }
}

**Ajax Query**
$(document).ready(function(){
var table = $("#Srvtbl").DataTable({
            ajax: {
                    url: "getdata.php",
                    dataSrc: "",
                    method: "GET",
                    xhrFields: { withCredentials: true }
                  },
            columns: [
                        { data: "server[, ]" },
                        { data: "2020-01-29" },
                        { data: "2020-01-28" },
                        { data: "2020-01-27" }
                     ]
});
});

** Expected Output**
Server Name     2020-01-29    2020-01-28  2020-01-27
Server1              3             0           0
Server2              3             0           0

【问题讨论】：

您使用此代码返回的当前输出是什么？
输出为空表

标签： arrays json ajax datatables

【解决方案1】：

首先这不是一个 JSON 数组它是一个嵌套的 Json 对象，一个数组有 [ ]s

**JSON Array**
{"Server1":
  {
    "2020-01-29":3,
    "2020-01-28":0,
    "2020-01-27":0
 },
 "Server2":
 {"2020-01-29":3,
  "2020-01-28":0,
  "2020-01-27":0
 }
}

第二，Server1，Server2必须与每个日期的数值内联

所以您的响应数据必须类似于：

[
  {
    "Server_Name": "Server1",
    "2020-01-29": 3,
    "2020-01-28": 0,
    "2020-01-27": 0
  },
  {
    "Server_Name": "Server1",
    "2020-01-29": 3,
    "2020-01-28": 0,
    "2020-01-27": 0
  }
]

和列：

columns: [
{ data: "Server_Name" },
{ data: "2020-01-29" },
{ data: "2020-01-28" },
{ data: "2020-01-27" }
]

请检查=>Data source types

【讨论】：