Задать вопрос
@MelPosp
javascript

Как сделать задержку на button на переход по ссылке?

Есть код формы:
<button type="submit" onclick="document.getElementById('link').click()" data-target="_blank">Скачать</button> 
<a id="link" target="_blank" href="/sostavy_betonov_sut.doc" download hidden></a>


При клике на кнопку происходит отправка формы и переход по ссылке. Только вот форма не успевает отправится, сразу происходит переход по ссылке. Как сделать задержку в переходе по ссылке на 2-3 секунды? что бы форма успела отправится
  • Вопрос задан
  • 232 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 4
mannaro
@mannaro Куратор тега JavaScript
Умею профессионально гуглить
Никогда не делайте задержку "в 2-3 секунды, авось успеет". Точно не успеет когда-нибудь. Надо всегда полагаться только на железные факты. Я бы предложил сделать отправку формы аяксом, ловить получение ответа от сервера и после этого уже редиректить пользователя.
Ответ написан
10 комментариев
10 комментариев
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Отправка формы это ж не что-то в фоне. Это точно такой же переход по ссылке, только с дополнительными данными. А вы перенаправляете браузер с одной ссылки на другую.
Так что тут два варианта:

  1. Вместе с формой отправляете ссылку redirect_to. Например в скрытом поле 
    <input type="hidden" name="redirect_to" value="/sostavy_betonov_sut.doc">
    . Когда обработчик закончит работу - он выполнит редирект по указаному путии
  2. Отправляйте не саму форму, а собирайте данные с неё и отправляйте на сервер ajax-ом. Когда сервер ответит, что данные приняты и обработыны — запустите callback, в вашем случае переход по указанной ссылке
Ответ написан
5 комментариев
5 комментариев
mmmaaak
@mmmaaak 
const fd = new FormData();
fd.append(...);
fetch(url, { method: 'POST', body: fd }).then(() => { /* redirect here */ })
Ответ написан
3 комментария
3 комментария
Robur
@Robur
Знаю больше чем это необходимо
у вас при отправке вызывается funMZZrU();
Вы можете переопределить эту функцию - самый простой способ просто скопипастить код из старой функции в новую и добавить туда строчку с нужным действием после того как запрос отработает.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправление ошибок в работе вебсайта / Доработка интернет-магазина
24 апр. 2024, в 02:51
50000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы