Как в JS (VueJS) выполнить последовательные запросы?

Question

[Михаил Смирнов]

Есть массив объектов, кол-во объектов различается в зависимости от выбранных параметров, скорее всего это может быть 16 объектов, из них может быть выбрано от 1 до 16

Пример массива:

let arrayObjects = [
	{
		id: 1,
		name: 'test1',
		selected: true,
	},
	{
		id: 2,
		name: 'test2',
		selected: false,
	},
	{
		id: 3,
		name: 'test3',
		selected: true,
	},
]

Нужно сделать запрос к серверу по каждому объекту с selected = true

Запрос должен быть последовательным, сначала на test1, после ответа сервера на test3

Как это можно реализовать?

Answer 1

[Rsa97]

const quiz = async (arrayObjects) => {
  for (const object of arrayObjects) {
    if (object.selected) {
      const result = await fetch(...);
    }
  }
}

Comments

[Михаил Смирнов]

for (let section in context.state.sections) {
                if (context.state.sections[section].selected) {
                    context.dispatch('getProduct');
                }
            }

getProduct: async (context, data) => {

            await Axios.post('/api/complects/product/', {

            },  {
                timeout: 10000
            })
                .then(response => {
                    console.log(response);
                })
                .catch(error => {

                })
        },

Смотрю в консоли
и так получается что с этим кодом уходят все запросы сразу
то есть 16 штук висят в очереди и например 1й запрос отрабатывает за 1- 2 секунды, а последий получается ожидает уже около 30 сек и вываливается с ошибкой

Нужно чтобы они именно уходили по очереди
1й ушел, получил ответ от сервера и посылает 2й

[Михаил Смирнов]

Спасибо
нашел в чем была ошибка

for (let section in context.state.sections) {
                if (context.state.sections[section].selected) {
                    await context.dispatch('getProduct');
                }
            }

Answer 2

[Roman K]

Странный вопрос. Обычно спрашивают, как их выполнить одновременно.

https://codepen.io/deliro/pen/GRqWQYW?editors=1010

Answer 3

[Александр Векслер]

Можно использовать async/await либо promises к запросам.
https://learn.javascript.ru/async-await
https://learn.javascript.ru/promise