Как отправить данные из двух форм?

Question

[Obivankinobi]

Добрый день!
Ситуация такая, на сайте есть одна большая форма с товарами, при клике на кнопку всплывает попап в котором вводятся поля типа имя, телефон, адрес. Как отправить одновременно данные этих двух форм на сервер?
Сейчас использую ajax для большой формы.
Все данные должны приходить в 1 файл .....

var formData = new FormData($('.menuOrderForm')[0]); //Получение данных из формы
 $.ajax({
                type: "POST",
                url: "/testorder.php",
                cache: false,
                contentType: false,
                processData: false,
                data: formData,
                beforeSend: function(){
                    // $("#large-img").show();
                },

                success: function(data) {
                    alert("da");
                     console.log(data);
                },
                error: function(data){
                    alert("no");
                    console.log(data);
                }
                });return false;

Answer 1

[Slava Kryvel]

а всплывающее окно обязательно должно быть в другой форме? почему его не сделать частью первой?

Answer 2

[Дмитрий Беляев]

дополните данные в formData данными из 2й формы с помощью formData.append()

Comments

[Obivankinobi]

А данные со второй формы тоже formData делать?)

[Дмитрий Беляев]

Obivankinobi: если там не много полей, то считать значения и дописать к первому formData, так заморочек меньше будет

Answer 3

[Виталий]

На сабмит первой формы повесить обработчик

$('form.#someID').on('click', function(event) {
            event.preventDefault();
...

потом дождаться заполнения второй формы и отправить на сервер данные через тот же аякс ...