You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Datatables无法识别数组格式JSON,如何适配或转换格式?

解决Datatables适配纯数组JSON的问题

当然可以,两种方法都能解决你的问题:

方法一:直接修改Datatables配置(推荐)

Datatables默认会从返回的JSON中读取data字段下的数据,但你的API返回的是纯数组,只需给ajax选项添加dataSrc属性并设为空字符串,就能让Datatables直接使用返回的数组作为数据源:

$(document).ready(function () {
   $('#tableofrequirement').DataTable({
      ajax: {
          url: 'example2.json',
          dataSrc: '' // 指定直接使用返回的数组
      },
      columns: [
          {data: 'id'},
          {data: 'name'},
          {data: 'lastname'},
          {data: 'school'},
          {data: 'parents'},
          {data: 'About'},
      ]
   });
});

方法二:手动转换JSON格式

如果需要手动处理数据格式,可以先获取API返回的数组,再包装成Datatables期望的带data字段的对象,再初始化表格:

$(document).ready(function () {
    $.getJSON('example2.json', function(rawData) {
        // 将纯数组包装为符合Datatables要求的结构
        var formattedData = { data: rawData };
        
        $('#tableofrequirement').DataTable({
            data: formattedData.data,
            columns: [
                {data: 'id'},
                {data: 'name'},
                {data: 'lastname'},
                {data: 'school'},
                {data: 'parents'},
                {data: 'About'},
            ]
        });
    });
});

第一种方法更简洁,无需额外的手动数据处理,优先推荐使用。

内容的提问来源于stack exchange,提问作者alvaro242

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 13:30:40