Как дождаться выполнения промиса?

Question

[AlexAlex132]

Здравствуйте. Пишу пользовательский скрипт для tampermonkey, который должен повесить на одну из кнопок на сайте Event Listener "click". При нажатии на эту кнопку, должно запуститься выполнение промиса, которое может занимать несколько секунд. Вот, как это выглядит:

$(document).ready(function() {
    document.getElementsByClassName("btn submit")[0].addEventListener("click", () => {
        data.send("...") // <-- промис, на выполнение которого требуется несколько секунд.
    })
})

Всё бы ничего, но есть одна проблема - на эту кнопку разработчики сайта установили такой же Event Listener "click", только он вызывает редирект на другую страницу сайта по нажатию.

В чём проблема: т.к мой промис требует какое-то время на выполнение, он может не успеть завершиться до редиректа, и соответственно, результата в таком случае никакого не будет.

Вопрос: каким образом можно приостановить все процессы на сайте (включая редирект), пока не выполнится мой промис?

Answer 1

[Denis]

Прочтите как работает async await

Comments

[Алексей Ярков]

И как это ТСу поможет отложить выполнение другого обработчика?

Answer 2

[Alexandroppolus]

а как выглядит этот твой "btn submit"? какая у него верстка?
если внутри него есть дочерний элемент, то повесь "click" на этот чилд и вызывай e.stopPropagation(), тогда клик не дойдет до кнопки

либо же придется чем-то накрыть кнопку сверху. В общем, надо смотреть как там сделано.

Comments

[AlexAlex132]

Второй вариант, скорее всего, будет самым оптимальным в моём случае. Я полагаю, что нужно сделать что-то наподобие этого.

Накрыть кнопку невидимым элементом, при нажатии на него будет выполняться промис, после выполнения которого будет имитироваться клик на настоящую кнопку, под элементом.

Answer 3

[Сергей Соколов]

попробуйте заморозить локейшн, чтобы ни один редирект не проскочил:
Object.freeze(location);

Upd. раз хочется, чтобы всё-таки отработал и оригинальный клик с редиректом, можно так:

1. повесить свой слушатель клика, в котором останавливать событие клика. Т.к. наш слушатель позже — он переиграет исходный слушатель разработчиков.
   
2. после отрабатывания нашего долгого скрипта, удалить свой слушатель, и снова вызвать событие клика на кнопке — теперь его отловит оригинал с редиректом.
   

Comments

[AlexAlex132]

Но ведь мне нужно не полностью предотвратить все редиректы, а просто выполнить редирект ПОСЛЕ завершения промиса. Как-бы отложить его. Если же заморозить location, каким образом потом возобновить редирект?

[Сергей Соколов]

AlexAlex132, хм.. window.location к сожалению, нельзя конфигурировать — а то подставить бы ему сеттер, и задача почти решена..

Есть ли возможность посмотреть код разработчиков: как они вешают слушатель, прямо на кнопку или куда-то выше? Меняют location или window.location, в каком контексте назначают свой слушатель?

[Сергей Соколов]

AlexAlex132, обновил ответ: можно просто отлавливать событие и не передавать его другим слушателям.
А после отработки долгой отправки данных, убрать своего слушателя – и клик поймает слушатель разработчиков. И вызвать снова событие клика на той же кнопке.

Answer 4

[Михаил]

Не совсем понятно, что у вас происходит в промисе и какого результата вы хотите. Если это отправка каких-то данных на ваш сервер и редирект её прерывает, тогда используйте sendBeacon