Как сделать задержку перед отправкой формы?

Question

[rinaz22]

Всем привет! Есть простая html форма и ajax. Беру данные с формы и отправляю с помощью ajax. Данные, которые приходят с сервера, я записываю в скрытое поле той же формы. Потом нужно, чтобы эта форма сработала. Но вот проблемка, форма срабатывает до вставки данных в поле. Как сделать, чтобы форма срабатывала только после вставки данных?
Вот код:

<form method="POST" action="..." id="form2">
<input type="email" name="email" required class="form-control" placeholder="Email для получения заказа">
<input type="hidden" name="label" value="">
<button type="submit" class="btn btn-primary center_rel outer-top-xsm button_order">Оформить заказ</button>
</form>

$("#form2").on("submit", function(e){
  e.preventDefault();
  send_post(this, "form2", function (res) {
    $("input[name=label]").val(res.id);
  });
  this.submit();
});

Comments

[Антон]

А в чем смысл писать какие-то пришедшие данные в скрытое поле? Какая задача стоит? И зачем ту же самую форму отправлять второй раз?

[Владимир Коротенко]

Прислушайтесь к предыдущему совету, а если все таки нужно, то оберните все в таймер

https://learn.javascript.ru/settimeout-setinterval

[Andrew]

send_post покажите

[rinaz22]

Антон, на сервер отправляются данные с формы и записываются в БД, а в ответ id этой записи. Форма отправляет данные уже на другой сервер(не мой). Так вот нужно, чтобы на другой сервер отправился id записи в БД

[rinaz22]

Andrew, обычная функция с ajax кодом.

[rinaz22]

Владимир Коротенко, нужно чтобы данные с сервера 100% вставлялись в поле, а скорость работы JS зависит от нескольких факторов, т.е. у всех разная скорость выполнения и нужную задержку сложно точно поставить

[Владимир Коротенко]

rinaz22, Вы не поняли.

// ваш код.
$.post(url,postdata, function(data){
    /// данные отправлены на сервер, обработаны и получен ответ
   // заполняете ваше скрытое поле
  // делаете повторную отправку данных   
   $.post(url,postdata, function(data){
     // данные второй отправки 
  });
});

[rinaz22]

Владимир Коротенко, моя ошибка, не договорил. Нужно отправлять запрос с редиректом, как это делает html форма.

[Владимир Коротенко]

rinaz22, И в чем проблема? после 2 отправки данных делайте редирект.
Только я вот сразу вспомнилось, вторая форма в вашем домене? Или на другом сайте?
Если это так, то вам не дадут отправить данные, если конечно не настроен сервер очень своеобразно

[rinaz22]

Владимир Коротенко, вы не правильно поняли. Человека должно перекинуть сразу вместе с запросом, чтобы на там по полученным данным он уже работал. Эти данные не куда не записываются. Т.е. без html формы не обойтись.

[Антон]

rinaz22, Вы отправили данные с формы, обработчик отработал и занес данные в БД, потом вы делаете выборку и забираете последний ИД записи, инициируете обращение к другому серверу через curl, получаете ответ о том, что все успешно дошло и вызываете.
Если по какой то причине запись не зашла в БД, выкидываете ошибку, если не дошло до другого сервера - кидайте ошибку. Если все успешно дошло и туда и туда, одним запросом убиваете двух зайцев, и занеслось и отправилось.

die(json_encode(array('result' => 'success', 'data' => 'какие-то ответные данные')))

ВСЁ! Зачем второй раз тискать аякс и повторную отправку формы?

[rinaz22]

Человека должно перекинуть на страницу оплаты. И по полученным данным, человек оплачивает, подтверждает и т.д. После успешной оплаты на обработчик приходит запрос, потом я его обрабатываю.
Т.е. нельзя будет подтвердить оплату с помощью curl, ajax и т.п.

[rinaz22]

Владимир Коротенко, можете, пожалуйста, объяснить, почему this.submit(); не дожидается выполнения send_post?

[Владимир Коротенко]

$("#form2").on("submit", function(e){
  e.preventDefault();
  send_post(this, "form2", function (res) {
    $("input[name=label]").val(res.id);
     // порядок важен! данные получаются ассинхронно, 
     this.submit();
  });
/// Пост уже пошел, но не завершился!!!!
});

[rinaz22]

Владимир Коротенко, выходит ошибка: this.submit is not a function
Я решил проблемы так:

function form2(data) {
  event.preventDefault();
  var form_submit = data;
  send_post(data, "form2", function (res) {
    $("input[name=label]").val(res.id);
    form_submit.submit();
  });
};

[rinaz22]

Всем спасибо!