在AJAX POST请求中正确处理PHP接收JSON数据的方法

window.addEventListener("DOMContentLoaded", (event) => {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'src/ajax.php', true);
    // 关键：设置Content-Type为application/json
    xhr.setRequestHeader("Content-Type", "application/json");

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            try {
                var response = JSON.parse(xhr.responseText);
                console.log("服务器响应:", response);
            } catch (e) {
                console.error("解析服务器响应失败:", e);
                console.log("原始响应文本:", xhr.responseText);
            }
        } else if (xhr.readyState === 4 && xhr.status !== 200) {
            console.error("请求失败，状态码:", xhr.status);
        }
    };

    var dataToSend = {
        name: "John Doe",
        age: 30,
        city: "New York"
    };

    // 关键：将JavaScript对象转换为JSON字符串发送
    xhr.send(JSON.stringify(dataToSend));
});

<?php
// 1. 设置响应头，告知客户端返回的数据类型也是JSON
header('Content-Type: application/json');

// 2. 读取原始HTTP POST请求体
$input = file_get_contents('php://input');

// 3. 将JSON字符串解码为PHP数组（或对象）
// 第二个参数为 true 时，返回关联数组；为 false 时，返回对象。
$data = json_decode($input, true);

// 4. 检查JSON解码是否成功
if (json_last_error() !== JSON_ERROR_NONE) {
    // JSON解码失败，可能是客户端发送了无效的JSON
    echo json_encode([
        'status' => 'error',
        'message' => 'Invalid JSON received: ' . json_last_error_msg()
    ]);
    exit();
}

// 5. 现在 $data 变量是一个关联数组，可以像访问 $_POST 一样访问其内容
// 例如，客户端发送 {name: "John Doe", age: 30}
// 那么 $data['name'] 将是 "John Doe"
if (isset($data['name'])) {
    $name = $data['name'];
    $age = isset($data['age']) ? $data['age'] : '未知';
    $city = isset($data['city']) ? $data['city'] : '未知';

    // 处理接收到的数据，例如保存到数据库或进行其他业务逻辑
    // ...

    // 返回处理结果给客户端
    echo json_encode([
        'status' => 'success',
        'message' => 'Data received successfully!',
        'received_data' => [
            'name' => $name,
            'age' => $age,
            'city' => $city
        ]
    ]);
} else {
    // 必需的字段缺失
    echo json_encode([
        'status' => 'error',
        'message' => 'Required field "name" is missing.'
    ]);
}
?>