как отправлять массивы и файлы через formdata и ajax в php

<form id="myForm">
    <input type="file" name="files[]" multiple />
    <input type="text" name="data[]" placeholder="Введите данные" />
    <input type="text" name="data[]" placeholder="Введите больше данных" />
    <button type="submit">Отправить</button>
</form>
<div id="response"></div>

document.getElementById('myForm').addEventListener('submit', function (event) {
    event.preventDefault(); // Отменяем стандартное поведение формы

    // Создаем новый объект FormData
    var formData = new FormData(this);

    // Создаем новый XMLHttpRequest
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'upload.php', true);

    xhr.onload = function () {
        if (xhr.status === 200) {
            // Обработка успешного ответа
            document.getElementById('response').innerHTML = xhr.responseText;
        } else {
            // Обработка ошибок
            document.getElementById('response').innerHTML = 'Ошибка: ' + xhr.status;
        }
    };

    // Отправляем FormData
    xhr.send(formData);
});

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Обработка полученных текстовых данных
    $data = $_POST['data']; // Это будет массив данных

    // Обработка полученных файлов
    if (!empty($_FILES['files'])) {
        $files = $_FILES['files'];
        $fileCount = count($files['name']); // Количество загруженных файлов
    } else {
        // Файлы не были загружены
    }
} else {
    // Некорректный запрос
}