Невозможно сериализовать обе формы одновременно, используя jquery ajax

Question

У меня есть две формы, первая форма ввода текста и загрузка файла, вторая форма содержит только текстовые поля,
Здесь показана первая, вторая форма скрыта, а первая форма показана, а первая форма скрыта, при отправке второй формы я хочу объединить две формы и отправить данные с помощью ajax,

    <form id="data" method="post" enctype="multipart/form-data">
    <input type="text" name="first" value="Bob" />
    <input type="text" name="middle" value="James" />
    <input type="text" name="last" value="Smith" />
    <input name="image" type="file" />
    <button>Submit</button>
</form>
    <form action="conn.php" method="POST" id="request-form2" enctype="multipart/form-data">
        <input type="text" name="full_name2">
        <br/>
        <input type="text" name="last_name2">
        <br/>
        <input type="submit"  value="submit" name="submit">
    </form>

Вот сценарий, который я пробовал,

$('form#request-form2').click(function(event) {
                 event.preventDefault();
                    var formData2 = $('#data');
                    var formData = new FormData(formData2);
                    console.log(formData);
                        $.ajax({
                        url: 'conn.php',
                        type: 'POST',
                        data: formData,
                        success: function (data) {
                            // console.log(data)
                        },
                        cache: false,
                        contentType: false,
                        processData: false
                    });
            });

Answer 1

Не проверял это, но почему вы не могли просто:

var formData=$('#data').serializeArray();
var formData2=$('#request-form2').serializeArray();
formData.push(formData2);

и включить formData в свой вариант данных вашего вызова ajax?