jQuery DataTables多选行AJAX传数组至PHP失败及JSON解析报错

你遇到的JSON.parse语法错误，核心原因是后端返回的内容并非合法JSON格式——可能是PHP输出了报错信息、警告内容，或是没有正确返回JSON数据。以下是分前端、后端的具体修复步骤：

一、前端：确保数据传递正确 #

1. 正确获取选中行数据 #

优先用DataTables Select插件自带的方法获取数据，避免手动拼接数组导致格式错误：

// 假设你的表格实例是table
var table = $('#your-table-id').DataTable();
// 获取所有选中行的数据并转为数组
var selectedRows = table.rows({ selected: true }).data().toArray();
// 先在控制台打印确认数据结构是否正常
console.log(selectedRows);

2. 修正AJAX请求配置 #

明确告知后端请求格式为JSON，同时确保发送的数据是合法JSON字符串：

$.ajax({
    url: 'process.php',
    type: 'POST',
    contentType: 'application/json', // 必须设置，告诉后端接收JSON格式
    data: JSON.stringify(selectedRows), // 将数组转为JSON字符串
    dataType: 'json', // 声明期望后端返回JSON
    success: function(res) {
        console.log('处理结果:', res);
    },
    error: function(xhr) {
        // 关键调试：打印后端返回的原始内容，直接定位问题
        console.log('后端返回的原始内容:', xhr.responseText);
    }
});

重点看error回调里的xhr.responseText，如果输出的是PHP报错（比如Notice: Undefined index...）、HTML代码或空内容，直接指向后端问题。

二、后端：process.php正确处理JSON请求 #

因为前端发送的是JSON格式的请求体，不能用$_POST获取数据，需通过php://input读取，处理后返回合法JSON：

<?php
// 1. 先设置响应类型为JSON
header('Content-Type: application/json');

// 2. 读取前端发送的JSON数据
$rawData = file_get_contents('php://input');
$selectedRows = json_decode($rawData, true); // 转为PHP关联数组

// 3. 检查数据解析是否成功
if ($selectedRows === null) {
    echo json_encode(['status' => 'error', 'msg' => '数据解析失败']);
    exit;
}

// 4. 这里写你的业务逻辑（比如处理选中行数据）
// ...

// 5. 返回处理结果，必须是纯JSON格式
echo json_encode(['status' => 'success', 'data' => $selectedRows]);
?>

三、常见坑点排查 #

• PHP报错污染JSON：如果PHP存在Notice、Warning等错误，会直接输出到响应中，导致JSON不合法。可临时在process.php开头加error_reporting(0);屏蔽，或排查代码中未定义的变量、异常逻辑。
• 前端未设置contentType：若缺失该配置，后端无法正确识别JSON格式，导致数据读取失败。
• 特殊字符干扰：若选中行数据包含引号、换行等特殊字符，JSON.stringify会自动转义，后端json_decode可正常解析，无需额外处理。

内容的提问来源于stack exchange，提问作者Sybil Cut