如何在PHP中接收原生AJAX发送的JSON格式POST数据？

嘿，作为学生想从零实现不依赖外部库的功能，这个思路真的超棒！你已经把前端AJAX发送JSON的逻辑写得很完整了，之所以PHP那边拿不到数据，是因为你发送的是application/json格式的内容，而PHP默认只会解析application/x-www-form-urlencoded（普通表单提交）的数据到$_POST数组里。别担心，我一步步给你讲清楚怎么处理：

第一步：PHP接收并解析JSON数据 #

我们需要直接读取HTTP请求的原始内容，PHP提供了php://input这个特殊流来获取它，之后再转成PHP能直接用的数组：

// 读取请求里的原始JSON数据
$jsonRaw = file_get_contents('php://input');
// 把JSON转成关联数组（第二个参数设为true，避免得到对象）
$formData = json_decode($jsonRaw, true);

// 检查JSON解析是否成功，防止前端传错格式
if (json_last_error() !== JSON_ERROR_NONE) {
    http_response_code(400);
    echo json_encode(['status' => 'error', 'msg' => '无效的表单数据格式']);
    exit;
}

第二步：验证表单必填字段 #

在往数据库存数据前，先确认必填内容都填了，避免脏数据入库：

// 定义必填字段列表
$required = ['name', 'phone', 'email', 'message'];
foreach ($required as $field) {
    if (!isset($formData[$field]) || trim($formData[$field]) === '') {
        http_response_code(400);
        echo json_encode(['status' => 'error', 'msg' => "{$field} 不能为空"]);
        exit;
    }
}

第三步：连接数据库并插入数据（PDO版，更安全） #

推荐用PDO操作数据库，它支持预处理语句，能有效防止SQL注入。这里以MySQL为例：

try {
    // 替换成你自己的数据库信息
    $dsn = 'mysql:host=localhost;dbname=你的数据库名;charset=utf8mb4';
    $dbUser = '数据库用户名';
    $dbPwd = '数据库密码';
    
    $pdo = new PDO($dsn, $dbUser, $dbPwd);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // 预处理插入语句，避免SQL注入
    $stmt = $pdo->prepare("INSERT INTO 你的表名 (name, phone, email, message) VALUES (:name, :phone, :email, :message)");
    // 绑定表单数据到占位符
    $stmt->bindParam(':name', $formData['name']);
    $stmt->bindParam(':phone', $formData['phone']);
    $stmt->bindParam(':email', $formData['email']);
    $stmt->bindParam(':message', $formData['message']);

    // 执行插入并返回结果
    if ($stmt->execute()) {
        echo json_encode(['status' => 'success', 'msg' => '表单提交成功！']);
    } else {
        http_response_code(500);
        echo json_encode(['status' => 'error', 'msg' => '数据保存失败']);
    }
} catch (PDOException $e) {
    http_response_code(500);
    echo json_encode(['status' => 'error', 'msg' => '数据库错误：' . $e->getMessage()]);
}

第四步：优化前端代码，处理后端响应 #

你可以给AJAX加上onload事件，这样就能实时知道提交结果，给用户反馈：

subForm.addEventListener('click', () => {
    var forms = {
        "name": document.getElementById('name').value,
        "phone": document.getElementById('phone').value,
        "email": document.getElementById('email').value,
        "message": document.getElementById('message').value,
        "exe": true
    }
    var jString = JSON.stringify(forms);
    var xhttp = new XMLHttpRequest();
    
    // 处理后端返回的响应
    xhttp.onload = function() {
        if (this.status >= 200 && this.status < 300) {
            const res = JSON.parse(this.responseText);
            alert(res.msg);
            // 提交成功后可以重置表单
            document.getElementById('你的表单ID').reset();
        } else {
            const err = JSON.parse(this.responseText);
            alert('提交失败：' + err.msg);
        }
    }
    
    xhttp.open("POST", "recieve.php");
    xhttp.setRequestHeader("Content-Type", "application/json");
    xhttp.send(jString);
});

几个小提醒：

• 确保你的数据库表结构和插入的字段一一对应
• 生产环境里不要把数据库账号密码硬写在代码里，最好用配置文件
• 可以给邮箱、手机号加正则验证，让表单数据更规范

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