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
相关产品推荐
相关产品推荐

