jQuery Ajax提交复杂表单数据：正确处理数组元素

<form id="invite-form" method="post" action="">
    <label>朋友 1:</label><br>
    <input type="text" name="friends[0][first_name]" placeholder="姓氏" /><br>
    <input type="text" name="friends[0][last_name]" placeholder="名字" /><br>
    <input type="email" name="friends[0][email]" placeholder="邮箱" /><br><br>

    <label>朋友 2:</label><br>
    <input type="text" name="friends[1][first_name]" placeholder="姓氏" /><br>
    <input type="text" name="friends[1][last_name]" placeholder="名字" /><br>
    <input type="email" name="friends[1][email]" placeholder="邮箱" /><br><br>

    <label>朋友 3:</label><br>
    <input type="text" name="friends[2][first_name]" placeholder="姓氏" /><br>
    <input type="text" name="friends[2][last_name]" placeholder="名字" /><br>
    <input type="email" name="friends[2][email]" placeholder="邮箱" /><br><br>

    <input type="submit" value="邀请朋友" />
</form>

jQuery("#invite-form").submit(function(e) {
    // 阻止表单的默认提交行为
    e.preventDefault();

    // 使用 serialize() 方法获取表单数据，它会自动处理数组命名
    let formData = jQuery(this).serialize();

    // 可以在这里添加额外的固定数据，例如一个action参数
    // formData += '&action=invite-friends';

    // 发送Ajax请求
    jQuery.ajax({
        type: "POST", // 建议使用POST方法提交表单数据
        url: 'invitation.php', // 服务器端处理脚本的URL
        data: formData, // 序列化后的表单数据
        cache: false, // 禁用缓存
        dataType: 'json', // 预期服务器返回的数据类型，如果服务器返回JSON
        success: function(response) {
            // 请求成功回调
            console.log("服务器响应:", response);
            if (response.success) {
                alert("朋友邀请成功！");
                // 可以在这里进行页面重定向或更新UI
            } else {
                alert("邀请失败: " + response.message);
            }
        },
        error: function(jqXHR, textStatus, errorThrown) {
            // 请求失败回调
            console.error("Ajax请求失败:", textStatus, errorThrown);
            alert("网络错误或服务器异常，请稍后再试。");
        }
    });
});

<?php
header('Content-Type: application/json'); // 设置响应头为JSON

$response = ['success' => false, 'message' => '未知错误'];

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 检查 $_POST 数组中是否存在 'friends' 键
    if (isset($_POST['friends']) && is_array($_POST['friends'])) {
        $friends = $_POST['friends'];

        echo "<h2>接收到的朋友数据:</h2>";
        echo "<pre>";
        print_r($friends); // 打印整个朋友数组结构
        echo "</pre>";

        // 遍历并处理每个朋友的信息
        foreach ($friends as $index => $friend) {
            $firstName = isset($friend['first_name']) ? htmlspecialchars($friend['first_name']) : 'N/A';
            $lastName = isset($friend['last_name']) ? htmlspecialchars($friend['last_name']) : 'N/A';
            $email = isset($friend['email']) ? htmlspecialchars($friend['email']) : 'N/A';

            // 这里可以执行数据库插入、发送邮件等操作
            // 例如：saveFriendToDatabase($firstName, $lastName, $email);

            echo "<p>朋友 " . ($index + 1) . ": 姓氏=" . $firstName . ", 名字=" . $lastName . ", 邮箱=" . $email . "</p>";
        }

        // 假设处理成功
        $response = ['success' => true, 'message' => '朋友邀请已成功处理。'];

    } else {
        $response['message'] = '未接收到朋友数据。';
    }
} else {
    $response['message'] = '请求方法不被允许，请使用POST。';
}

echo json_encode($response); // 返回JSON响应
?>

// print_r($_POST['friends']) 的输出示例：
Array
(
    [0] => Array
        (
            [first_name] => John
            [last_name] => Doe
            [email] => john.doe@example.com
        )

    [1] => Array
        (
            [first_name] => Jane
            [last_name] => Smith
            [email] => jane.smith@example.com
        )

    [2] => Array
        (
            [first_name] => Peter
            [last_name] => Jones
            [email] => peter.jones@example.com
        )
)