jQuery AJAX向PHP发送复杂数据（含数组）及后端处理指南

// 获取表单数据
var nom = $("#nom").val();
var prenom = $("#prenom").val();
var service = $("#service").val();
var demande = $("#demande").val();

// 收集数组数据
var tab = [];
$(".choosed").each((index, elem) => {
    tab.push($(elem).attr("alt"));
});

// 构建要发送的数据对象
var postData = {
    nom: nom,
    prenom: prenom,
    service: service,
    choix: tab, // 'tab' 是一个JavaScript数组
    demande: demande
};

// 发送AJAX请求
$.ajax({
    type: "POST",
    url: "gamay.php", // PHP处理脚本的URL
    data: JSON.stringify(postData), // 将整个数据对象序列化为JSON字符串
    contentType: "application/json; charset=utf-8", // 告知服务器数据类型为JSON
    dataType: "json", // 期望服务器返回的数据类型为JSON
    success: function(response){
        // 请求成功后的处理逻辑
        console.log("数据发送成功:", response);
        // 示例：更新UI状态
        $(".box").hide();
        // 优化后的代码，见下文
        var $formations = $(".formations");
        $formations.attr("disabled",false); // 假设此处有禁用操作
        $formations.removeClass("btn-primary choosed").addClass("btn-secondary");
        $(".box2").toggleClass("transform-active");
        $("#saveName").fadeIn(500);
        $("#successDiv").show();
        $('html,body').animate({ scrollTop: 0 }, 'slow');
    },
    error : function(xhr, status, error) {
        // 请求失败后的处理逻辑
        console.error("数据发送失败:", status, error);
        alert("数据发送失败，请稍后再试！");
    }
});

<?php
header('Content-Type: application/json; charset=utf-8'); // 明确返回JSON数据

// 检查请求方法是否为 POST
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 读取原始 POST 请求体
    $input = file_get_contents('php://input');
    // 将JSON字符串解码为关联数组
    $data = json_decode($input, true);

    // 检查JSON解码是否成功
    if ($data === null && json_last_error() !== JSON_ERROR_NONE) {
        http_response_code(400); // Bad Request
        echo json_encode(['status' => 'error', 'message' => '无效的JSON数据']);
        exit();
    }

    // 从解码后的数据中获取各个字段
    // 使用 null 合并运算符 ?? 提供默认值，防止键不存在报错
    $nom = $data['nom'] ?? '';
    $prenom = $data['prenom'] ?? '';
    $service = $data['service'] ?? '';
    $demande = $data['demande'] ?? '';
    $choix = $data['choix'] ?? []; // 'choix' 现在是一个 PHP 数组

    // 示例：打印接收到的数据到错误日志或控制台（仅用于调试）
    error_log("接收到的数据：");
    error_log("姓名: " . $nom);
    error_log("姓氏: " . $prenom);
    error_log("服务: " . $service);
    error_log("需求: " . $demande);
    error_log("选择项 (数组): " . print_r($choix, true));

    // 这里可以进行数据库操作，例如将数据插入到MySQL
    // 对于 $choix 数组，可以将其序列化为字符串（如使用 implode(',', $choix)）
    // 或将其转换为JSON字符串（json_encode($choix)）存储到数据库的单个字段中，
    // 或者根据业务逻辑将其分解为多条记录。

    // 假设数据库操作成功，返回成功响应
    echo json_encode(['status' => 'success', 'message' => '数据接收并处理成功！', 'received_data' => $data]);

} else {
    // 非 POST 请求
    http_response_code(405); // Method Not Allowed
    echo json_encode(['status' => 'error', 'message' => '只允许POST请求']);
}
?>

$(".formations").removeClass("btn-primary");
$(".formations").addClass("btn-secondary");
$(".formations").removeClass("choosed");

var $formations = $(".formations"); // 缓存选择器结果
$formations.removeClass("btn-primary");
$formations.addClass("btn-secondary");
$formations.removeClass("choosed");

$formations.removeClass("btn-primary");
$formations.removeClass("choosed");

$formations.removeClass("btn-primary choosed"); // 合并移除多个类

var $formations = $(".formations");
$formations.attr("disabled",false); // 假设此处有禁用操作
$formations.removeClass("btn-primary choosed").addClass("btn-secondary"); // 链式调用，更简洁