無效的 JSON 響應錯誤，使用 JQuery 數據表和 PHP & ZA34A6659BCEAE779F28185ZBZ 數據表

Question

我是第一次使用 DataTables，但實際上將數據放入表中時遇到了問題。 我相信我已經匹配了 DataTables 要求在其中使用 ajax 選項的正確 JSON 格式，但是我仍然收到“無效的 Z0ECD11C1D7A287401D148A23BBD7A2F8 響應”錯誤。

這是我的 JS，我將它放在一個名為 HTML 頁面的單獨文件中：

$(document).ready(function () {
  $("#copingTable").DataTable({
    "ajax": {
      "url": "overviewdata.php",
      "type": "POST",
      "dataType": "json",
      "contentType": "application/json; charset=utf-8",
      "dataSrc": "data"
    },
    "columns": [
      {"data": "FormID"},
      {"data": "SubmittedBy"},
      {"data": "Email"},
      {"data": "Date"}
    ]
  });
});

還有我的 PHP：

$storiesSql = "SELECT FormID, CONCAT(FirstName, ' ', LastName) AS SubmittedBy, Email, DATE_FORMAT(Date, '%m/%d/%Y') AS Date FROM Stories";
  $storiesStmt = $pdo->query($storiesSql);

  $dataArray = array();

  while($row = $storiesStmt->fetch()){
    array_push($dataArray, array("FormID"=>$row['FormID'], "SubmittedBy"=>$row["SubmittedBy"], "Email"=>$row["Email"], "Date"=>$row['Date']));
  }

  echo json_encode(array("data"=>$dataArray));

這是我收到的 JSON 響應的格式（編輯為正確）：

{"data":[{"FormID":"5e9754efc8aec","SubmittedBy":"Test Test","Email":"adam.weissert@sru.edu","Date":"04\/15\/2020"}

任何幫助將不勝感激！

編輯：在工作代碼中添加了映射數據源和下面答案中的列

Answer 1

As mentioned in my comments, check the format that your PHP script output ( it should be a valid json with all required fields your JS code expect ), then change datatype value to ' json ' value and add contentType in... ajax.contentType場地：

$(document).ready(function () {
$("#copingTable").DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": {
      "url": "overview.php",
      "type": "POST",
      "dataType": "json",
      "contentType": "application/json; charset=utf-8",
      "dataSrc": ""
    }
  });
});