如何通过AJAX向php发送jquery对象数据？

<form id="myForm">
    <input type="text" name="username" placeholder="Username">
    <input type="password" name="password" placeholder="Password">
    <button type="submit">Submit</button>
</form>

$(document).ready(function() {
    $('#myForm').on('submit', function(e) {
        e.preventDefault(); // 阻止表单默认提交行为

        var formData = $(this).serialize(); // 序列化表单数据

        $.ajax({
            url: 'your_php_script.php', // PHP脚本的URL
            type: 'POST', // 请求类型
            data: formData, // 发送的数据
            success: function(response) {
                // 请求成功后的处理
                console.log(response);
            },
            error: function(xhr, status, error) {
                // 请求失败后的处理
                console.error(error);
            }
        });
    });
});

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = $_POST['username'] ?? ''; // 获取用户名
    $password = $_POST['password'] ?? ''; // 获取密码

    // 处理数据...

    echo json_encode(['status' => 'success', 'message' => 'Data received']); // 返回JSON响应
}
?>

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST");
header("Access-Control-Allow-Headers: Content-Type");

$.ajax({
    url: 'your_php_script.php',
    type: 'POST',
    contentType: 'application/json',
    data: JSON.stringify(formData),
    dataType: 'json',
    success: function(response) {
        console.log(response);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});