解码$_POST及jQuery DataTables传JSON到PHP时json_decode返回null问题

问题根源分析 #

1. 请求头未正确设置：你发送了JSON格式的数据，但未告知服务器请求内容类型为JSON，可能导致PHP解析时出现隐性异常。
2. Datepicker初始化逻辑错误：每次AJAX请求时重复初始化datepicker，可能导致日期取值不符合预期（你设置了dd-mm-yy格式，但网络Payload显示为05/30/2024，说明datepicker初始化未生效）。
3. 缺少JSON解析错误排查：未捕获json_decode失败的具体原因，无法定位问题。

解决方案 #

1. 修正JavaScript端配置

• 提前初始化datepicker，避免重复执行初始化逻辑
• 添加contentType头，明确告知服务器请求为JSON格式
• 优化日期取值逻辑

// 单独初始化datepicker，放在DataTables配置外
$('#stopCodeDate').datepicker({ dateFormat: 'dd-mm-yy' });

// DataTables AJAX配置
ajax: {
    url: "php/stopCodes.php",
    data: function() {
        return JSON.stringify({
            stopCodeDate: $('#stopCodeDate').val()
        });
    },
    type: "POST",
    contentType: "application/json", // 关键：添加该请求头
    dataSrc: ""
},

2. 修正PHP端代码

• 增加JSON解析错误排查
• 安全获取属性，避免直接访问null值

$param = file_get_contents("php://input");
$paramValue = json_decode($param, false);

// 排查JSON解析失败原因
if ($paramValue === null) {
    die("JSON解析失败：" . json_last_error_msg());
}

// 安全获取日期参数
$stopCodeDate = isset($paramValue->stopCodeDate) ? $paramValue->stopCodeDate : '';
echo "接收的日期：" . $stopCodeDate;

3. 额外验证点

• 确认已正确引入jQuery UI的datepicker资源（CSS和JS文件），否则datepicker初始化失败，会使用input原生日期格式
• 检查前端是否有其他代码修改了stopCodeDate输入框的取值逻辑

内容的提问来源于stack exchange，提问作者Mark Ainsworth