如何通过Ajax将DataTable指定列的所有行值存入单个变量

云上老周

2026-7-24

解决DataTable指定列所有行值存入变量并通过Ajax发送的问题

方法一：用DataTable原生API直接获取（最简洁）

DataTable自带的column().data()方法可以直接抓取指定列的所有数据，转成数组就能存入变量：

var table = $('#gradefourpersondata').DataTable();
// 替换成你要获取的列索引（从0开始计数，比如第2列写1）
var targetColumnIndex = 0;
// 获取指定列的所有数据并转为数组
var allColumnValues = table.column(targetColumnIndex).data().toArray();

// 如果习惯按列名获取（比如列的data属性是'uid'），可以这么写：
// var allColumnValues = table.column('uid:name').data().toArray();

方法二：遍历行手动收集数据（适合需要额外处理的场景）

如果要对每行数据做判断或加工，可以遍历所有行来收集指定列的值：

var table = $('#gradefourpersondata').DataTable();
var targetColumnIndex = 0;
var allColumnValues = [];

// 遍历表格所有行
table.rows().every(function() {
    // 获取当前行指定列的数据
    var value = this.data()[targetColumnIndex];
    // 可按需加过滤逻辑，比如非空值才存入
    if (value) {
        allColumnValues.push(value);
    }
});

通过Ajax发送变量

拿到数组后，直接把它作为参数通过Ajax发送即可：

$.ajax({
    url: '你的接口地址',
    type: 'POST', // 或GET，根据后端接口要求调整
    data: {
        columnValues: allColumnValues // 将数组传给后端
    },
    success: function(response) {
        console.log('发送成功', response);
        // 这里写请求成功后的业务逻辑
    },
    error: function(xhr) {
        console.error('发送失败', xhr);
        // 这里写请求失败后的处理逻辑
    }
});