数据表不显示数据卡在处理中答案

【问题标题】：Data table does not display data and stuck in the processing数据表不显示数据卡在处理中
【发布时间】：2021-02-10 09:09:44
【问题描述】：

我正在尝试使用数据表在表中显示我的 JSON 数据。但是，数据表一直卡在这样的处理中，我不知道为什么。

https://jsfiddle.net/Lvmertbp/

JSON 格式

console.log(数据)

Java 控制器代码

@GetMapping(value="/projects")
public @ResponseBody List<Project> getProjects() {
     return projectService.findAllProjects2();
}

我知道这是个老问题，但我已经尽我所能尝试了，但就是不管用。

【问题讨论】：

您可以将代码添加为文本而不是图像吗？最好使用jsfiddle.net 之类的东西。让人们更容易为您提供帮助。
我刚刚在我的帖子中添加了 JSFiddle。

标签： javascript java jquery spring datatables

【解决方案1】：

尝试删除成功功能，这似乎对我有用：

success:function(data){
   console.log(data);
},

您还应该检查您的数组是否在“数据”对象中，如果它只是一个平面数组，您应该将一个空字符串传递给 dataSrc。工作示例：http://jsfiddle.net/5snrvL4m

【讨论】：

您还应该检查您的数组是否在“数据”对象中，如果它只是一个平面数组，您应该将一个空字符串传递给 dataSrc。工作示例：jsfiddle.net/5snrvL4m

【解决方案2】：

您的服务器响应返回的是结果数组，而不是带有 data 键数组的对象，

因此，您的数据表将在结果中搜索 data 数组键，但未找到，在您的情况下，您应该将参数 dataSrc 指定为空，因此它将其作为 ana 数组，

在这里查看doc

$(document).ready(function () {
     $('#tableProject').DataTable({
         processing: true,
         serverSide: true,
         ajax: {
             url: "/projects",
             type: "GET",
             contentType: "application/json",
             dataSrc: '', // <------------------------ here set empty string
             data: function () {
             },
             success:function(data){
                console.log(data);
             },
         },
         paging:true,
         columns: [
           {data: "projectNumber"},
           {data: "name"},
           {data: "status"},
           {data: "customerName"},
           {data: "startDate"},
         ]
     });
 });

【讨论】：