Автоматически отправлять несколько форм одну за другой - PullRequest
Новая
       12

Автоматически отправлять несколько форм одну за другой

0 голосов
/ 26 марта 2020

Я работаю над формой регистрации, которая после оплаты выбранных услуг, пользователь будет перенаправлен на страницу, которая автоматически добавит пользователя id ко всем событиям, которые он выбрал, делая это на спине, я Я показываю динамический загрузчик c пользователю перед тем, как перенаправить его на страницу счета.

Теперь я посмотрел в Интернете и, вероятно, должен использовать AJAX, но действительно изо всех сил пытаюсь выяснить это.

Вот функция, которая у меня есть, она динамическая c и зависит от количества сервисов, которые выбрал пользователь (это может быть целых 80 различных форм ...). Функция вызывается window.onload

<script type="text/javascript">
 function submitform()
{
  // Look if select program is a program
  yachtClubModifier.submit();
// if no results we do nothing


 registerAthlete1.submit();

  createInvoice.submit();
}

</script>

Все работает, но страница перенаправляется до того, как все формы отправлены ... Я новичок во всем этом и уверен, что это лучший способ делать это.

1 Ответ

0 голосов
/ 26 марта 2020

Вы ищете это? 

 function submitForm(e){
      e.preventDefault();
       $.ajax({
            url: "example.php",
            data: $("#form1_id").serialize(),
            cache: false,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (dataofconfirm) {
                // do something with the result
            }
        });
        $.ajax({
            url: "example.php",
            data: $("#form2_id").serialize(),
            cache: false,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (dataofconfirm) {
                // do something with the result
            }
        });
        $.ajax({
            url: "example.php",
            data: $("#form3_id").serialize(),
            cache: false,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (dataofconfirm) {
                // do something with the result
            }
        });
    }
...