使用jQuery进行Ajax表单提交：处理数组命名输入字段

<form id="invite-form" method="post" action="" >
 <input type="text" name="friends[0][first_name]" />
 <input type="text" name="friends[0][last_name]" />
 <input type="text" name="friends[0][email]" />

 <input type="text" name="friends[1][first_name]" />
 <input type="text" name="friends[1][last_name]" />
 <input type="text" name="friends[1][email]" />
 <!-- 更多朋友输入字段 -->
 <input type="submit" value="Invite" />
</form>

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

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

    // 发送 Ajax 请求
    jQuery.ajax({
        type: "POST", // 建议使用POST方法提交表单数据
        url: 'invitation.php', // 服务器端处理脚本的URL
        data: formData, // 直接传递 serialize() 生成的数据
        cache: false, // 禁用缓存，确保每次请求都获取最新数据
        dataType: 'json', // 预期服务器返回的数据类型为JSON
        success: function(response) {
            // 请求成功时的回调函数
            console.log(response);
            if (response.success === true) {
                // 根据服务器响应处理成功逻辑
                alert("邀请成功！");
            } 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']; // 直接获取到PHP数组

        // 遍历朋友列表并处理数据
        foreach ($friends as $index => $friend) {
            $firstName = $friend['first_name'] ?? '';
            $lastName = $friend['last_name'] ?? '';
            $email = $friend['email'] ?? '';

            // 这里可以进行数据验证、存储到数据库、发送邮件等操作
            // 示例：简单打印接收到的数据
            error_log("Friend $index: First Name: $firstName, Last Name: $lastName, Email: $email");

            // 假设处理成功
            // ...
        }

        $response['success'] = true;
        $response['message'] = '邀请信息已成功接收。';
    } else {
        $response['message'] = '未接收到有效的邀请朋友数据。';
    }
} else {
    $response['message'] = '请求方法不被允许。';
}

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