Какое время отправки данных через button type="submit"?

Question

[kkoshakk]

Скажите, сколько происходит времени перед отправкой данных на сервер после нажатия кнопки button type="submit" в форме. Например, на локалхосте это происходит моментально, а в реальности? Просто у меня есть анимация на кнопке длительностью 0,4 секунды, на локалхосте анимация не успевает отработать и браузер обновляется, а в реальном проэкте как это будет?

Comments

[kkoshakk]

Я пробывал вот с таким скриптом:

<script>
  $("#my_form").submit(function(event){
        event.preventDefault(); //отменяем отправку
        setTimeout(function(){$("#my_form").submit();}, 500); //отправляем через 3000 ms
        setTimeout(function () {window.location.reload();}, 500);
    });
  </script>

Но тогда, почему то не происходит перегрузка страницы

Answer 1

[Алексей]

Зависит от многих факторов.
От скорости интернета, загруженности сервера, от пинга до сервера, даже от загруженности компьютера.
Если анимация важна - запускайте анимацию и отложенный сабмит формы.

Answer 2

[Иван]

У вас неверный подход - анимацию надо вешать на событие success AJAX'а. Таким образом она выполнится сразу после отправки или полученя данных.
Вообще почитайте что такое callback функция.
Если же у вас просто сабмит с переходом на другую страницу, то можно переделать кнопку так: сделать её не submit, повесить на неё функцию. В функции сделать анимацию, а по её окончании уже сабмитить форму.