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 class="brush:php;toolbar:false">";
        print_r($friends); // 打印整个朋友数组结构
        echo "

// 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
        )
)