Отправка данных из трёх форм на один url

  • Автор темы Автор темы sanu0074
  • Дата начала Дата начала

sanu0074

Новичок
Есть форма 1 с полями A и B, форма 2 с полями C и D, кнопка отправить находится вне этих форм, у нее есть своя форма 3 с полями E и F.
Задача такая, нужно отправить данные из всех форм по нажатию "отправить" в форме 3.
Что я делаю, я по очереди делаю serialize всех форм, склеиваю все с амперсантом, получаю урл формы 3, делаю $.ajax с установленным async:false (мне нужно сэмулировать обычное нажатие на кнопку, не асинхронный запрос) и получаю
PHP:
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
Как выйти из ситуации? как мне выполнить задачу?
p.s. ajax асинхронный не предлагать, жестко вырезать поля (html) всех форм, вставлять в форму 3 и отправлять - тоже не предлагать.
Какие есть варианты?
 
Если у тебя кнопка сабмита находится вне форм, то вопрос вообще стоит неверно.
Скопируй данные в четвёртую ворму и сабмить её.
 
Код:
function submit(action, method, values) {
    var form = $('<form/>', {
        action: action,
        method: method
    });
    $.each(values, function() {
        form.append($('<input/>', {
            type: 'hidden',
            name: this.name,
            value: this.value
        }));   
    });
    form.appendTo('body').submit();
}

submit('http://www.example.com', 'POST', [
    { name: 'key1', value: 'value1' },
    { name: 'key2', value: 'value2' },
    { name: 'key3', value: 'value3' },
]);
 
Асинхронно-то чем мешает? Тем, что форма на время выполнения запроса активной остается? Ну, перед началом запроса дизейблишь формы, как закончится - раздизейбливаешь обратно
 
Там логика такая, что форма отправляется на страницу, и если например некоторые поля пустые - то ошибки вываливаются. Как бы урл тот же. Толком разобраться не могу так как бэк на java написан.
 
Сверху