来自AJAX源的JQuery数据表行数据

Question

过去，我一直使用它来获取隐藏列的数据。 我会使用CSS类隐藏该列，但响应功能不适用于这些类。

var td = $('td', this);
var ID = $(td[0]).text();

因此，我找到了一种替代方法，即使用响应功能将这些类的列隐藏起来。

"columnDefs": [
    //Responsive classes
    { className: 'never', targets: 0 }, //Hide on all devices
    { className: 'all', targets: 1 },   //Show on all devices
]

然后我使用其中之一。

var rowData = oTable1.fnGetData(this);
var rowData = oTable1.api().row(this).data();

//Grab the first indexed item in the list
var ID = rowData[0];

如果您没有AJAX来源，则效​​果很好。 它将返回用逗号分隔的行数据列表。 但是，当我尝试将其与AJAX源一起使用时，如果我在警报中输出rowData变量，则只会得到[object Object]（而不是逗号分隔的列表）。

如何使用AJAX源从表中获取行数据？

Answer 1

它似乎存储为字符串，所以当您将其变成字符串时，[1、2、3]成为[object Object]。 执行yourString = yourList.join(',')并存储yourString以保持逗号分隔的字符串。

对于对象：

yourString = (function () {
  var list = [];
  for(var i in yourList)
    if(yourList.hasOwnProperty(i))
      list.push(yourList[i]);
  return list.join(',');
})();

该函数不是必需的，仅用于限制变量范围。

Answer 2

我最终使用了在这里找到的答案。 将JS对象转换为数组

我可以以此从表中提取整个行数据。

 var rowData = oTable1.api().row(this).data();

在控制台日志中，我可以看到它返回了这样的javascript对象。

 Object { id="123456", full_name="Samuel Smith", Last_name="Smith" }

我使用此函数将对象转换为数组。

var array = $.map(rowData, function (value, index) {
        return [value];
    });

在控制台日志中，我的阵列将如下所示。

["123456", "Samuel Smith", "Smith"]

然后，我可以像这样从数组中提取任何项目。

alert(array[0]);

Answer 3

简化madvora的示例：

var rowData = oTable1.api().row(this).data().to$();
rowDataArray = rowData.toArray();