успешно выполнятся несколько запросов на бэк.
Решил сделать так:
Создаю промис внутри которого делаются асинхронные запросы. При чём, перед каждым запросом, увеличиваю некую переменную на единицу.
Когда запрос выполнится, переменная уменьшается на единицу.
После отправки всех запросов запускаю таймер, который ждёт когда переменная снова станет нулём (все запросы завершились) и завершаю промис.
save() {
this.upload().then((success) => {
if (success === true) {
console.log('SUCCESS');
} else {
console.log('TIMEOUT');
}
});
},
upload() {
return new Promise((resolve) => {
const timeout = 3000;
const cycleTime = 100;
const maxCycles = parseInt(timeout / cycleTime);
const url = `${this.$main_url}/api/endpoint`;
let totalCount = 0;
_.each(this.list, (item) => {
if (item.need) {
totalCount++;
http.post(url, item).finally(() => {
totalCount--;
});
}
});
let cycleCount = 0;
const intervalId = setInterval(() => {
cycleCount++;
if (totalCount === 0) {
clearInterval(intervalId);
resolve(true);
} else if (cycleCount >= maxCycles) {
clearInterval(intervalId);
resolve(false);
}
}, cycleTime);
});
},
Насколько это приемлемо? "Ааааа, юзай вуекс!" или норм?
PS: Код упростил, для читаемости
Не совсем понял, при чём тут vuex. Я думаю, Promise.all - то, что вам нужно
Во! Огонь. Благодарю
Обсуждают сегодня