DataTables 警告：表 id=患者 - 无效的 JSON 响应。有关此错误的更多信息，请参阅 http://datatables.net/tn/1

Question

我对这个 Datatable Jquery 有问题我收到这个错误：DataTables 警告：table id=patients - Invalid JSON response。有关此错误的更多信息，请参阅http://datatables.net/tn/1

我在控制器上执行此功能：

  [HttpGet]
            public JsonResult LoadPatients()
            {
                // Browser list
                var totalPatientsList = _unitOfWork.Patients.GetPatients();
    
                var filteredResult = from b in totalPatientsList
                                     select new[] {b.Jeton, b.Nom, b.TelePhone, b.Adresse, b.Villes.Nom,b.Id.ToString()};
    
                return Json(new
                {
                    data =filteredResult
                },
                  JsonRequestBehavior.AllowGet);
            }
and i call on index view :

$(document).ready(function () {
            var table = $("#patients").DataTable({
                ajax: {
                    url:"/patients/LoadPatients",
                    dataSrc: ""
                },
                columns: [
                    {
                        data: "jeton"
                        
                    },
                    {
                        data: "nom"
                    },
                    {
                        data: "telephone",
                        render: function (data) {
                            return data.toString().replace(
                              /(\d\d\d)(\d\d\d)(\d\d\d\d)/g, '$1-$2-$3');
                        }
                    },
                    {
                        data: "adresse"
                    },
                    {
                        data: "villes.nom"
                    },
                    {
                        data: "id",
                        render: function (data, type, patient) {
                            return "<a href='/patients/details/ " + patient.id + "' class='btn btn-default btn-xs'>" + "<i class='fa fa-folder'></i>View</a>" +
                                //"<button class= 'btn-link js-detail' data-detail-id=" + data + "><i class='fa fa-pencil-square'></i></button>" +
                                "<button class= 'btn btn-danger btn-xs js-delete' data-patient-id=" + data + "><i class='fa fa-trash-o'></i>Delete</button>";
                        }
                    }

                ]
            });

我在 chrome 上检查结果我明白了：

{
    "data": [
        ["0002020", "patienta", "0670707070", "Zone franche", "Tan", "1"],
        ["0002029", "tst", "0524242424", "Ma", "M", "10"]
    ]
}

如何解决这个问题提前谢谢

Answer 1

您的 JSON 没有任何标签 - 每行只是一个数据数组，例如：

["0002020", "patienta", "0670707070", "Zone franche", "Tan", "1"]

这意味着您不能使用这样的数据标签：

data: "jeton"

因为您的 JSON 数据中不存在标签 jeton。

因此，您可以将所有这些 data:... 值更改为 title"... - 例如：

title: "jeton"

这意味着数组中的第一个值（即“0002020”）将出现在表格的第一列 - 列标题将为“jeton”。

然后表格中的第二列将包含“patienta”，并将使用“nom”的列标题 - 依此类推。

这是我使用您的数据的示例：

我认为你需要做的就是解决这个问题。

补充说明：

不要忘记更新 ajax URL - 看起来您可能已经这样做了。

您可能还需要从 ajax 部分删除以下 dataSrc: "" 行，所以它是这样的：

ajax: {
  url:"/patients/LoadPatients"
},

• 但我不确定。尝试两种方式。