javascript - DataTables 读取对象内的数组

标签 javascript jquery datatables

我的问题很简单:如何使用数据表读取对象内部的数组?

对象

我想读取数组“data”:

{
  "success": true,
  "data": [
    {
      "id": "4",
      "tienda_id": "5",
      "tienda_nombre": "sad",
      "total": 123,
      "logo": null,
      "fecha": "2017-04-02T23:00:00.000Z"
    }
  ]
}

数据表:

        var x.DataTable({
            "ajax" : myAjaxUrl,
            "columns": [{
                "data": "data.fecha" // this doesn't work
            }, {
                "data": "data.total"  // this doesn't work
            }, {
                "data": "data.logo"  // this doesn't work
            }],
              //..............
        });

谢谢@Sotjin,我知道如何读取 json,这不是问题,问题出在数据列中:

       "columns": [{
            "data": "data.fecha" // this doesn't work
        }, {
            "data": "data.total"  // this doesn't work
        }, {
            "data": "data.logo"  // this doesn't work
        }],

数据表的 ajax 返回对象,然后在列中迭代该对象并显示数据表中的数据 "data": "data.fecha"//这不起作用

例如:

 {
 "data": [
        {
          "id": "4",
          "tienda_id": "5",
          "tienda_nombre": "sad",
          "total": 123,
          "logo": null,
          "fecha": "2017-04-02T23:00:00.000Z"
        }]
}
//...
 "columns": [{
                "data": "data.fecha"
            }, {
                "data": "data.total" 
            }, {
                "data": "data.logo" 
            }],

这有效

{
  "success": true,
  "data": [
    {
      "id": "4",
      "tienda_id": "5",
      "tienda_nombre": "sad",
      "total": 123,
      "logo": null,
      "fecha": "2017-04-02T23:00:00.000Z"
    }
  ]
}

这不起作用

最佳答案

 var json = {
  "success": true,
  "data": [
    {
      "id": "4",
      "tienda_id": "5",
      "tienda_nombre": "sad",
      "total": 123,
      "logo": null,
      "fecha": "2017-04-02T23:00:00.000Z"
    }
  ]
}

读取data属性:

json.data[0].fecha
json.data[0].logo
...

如果data中有多个对象,您可以运行循环对每个对象执行一些操作:

json.data.forEach(function(obj) {
   console.log(obj);
});

关于javascript - DataTables 读取对象内的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42580066/

相关文章:

javascript - 如何在请求之间保持 jQuery UI 对话框状态?

php - 在 Laravel 5 中验证动态添加的输入字段

javascript - 如何捕获可编辑数据表单元格上的单击事件?

javascript - React JS 自定义侧边栏导航

javascript - 隐藏窗口滚动而不是容器滚动

javascript - 如何从对象数组中获取特定数据?

javascript - 如何使用淡入淡出更改背景图像

javascript - DataTables - 隐藏/显示列

javascript - 使用 jQuery DataTables 自定义 REST 数据源

javascript - 使用数组作为类过滤器来检查元素是否具有在该数组中找到的类