Как реализовать функцию с множеством AJAX-запросов, которая возвращает их ответы?

Question

[Waniman]

Нужна JS функция, в которой будет много разных AJAX-ов и она должна возвращать их значения, чтобы к ним потом можно было обратиться из других функций. Как это можно сделать?

Comments

[re_quest]

Как Вы это пытались реализовать?

[Надим]

Покажите ваш код и укажите, что именно у вас не получается и я обязательно помогу.

Answer 1

[Dima Polos]

async...await, Promise.allSettled (очень свежий, с пылу с жару - можно обжечься).

Answer 2

[hzzzzl]

async function getData() {
  const urls = {
    comments: 'https://jsonplaceholder.typicode.com/comments', 
    users: 'https://jsonplaceholder.typicode.com/users', 
    posts: 'https://jsonplaceholder.typicode.com/posts'
  }

  const data = {}

  for (const [key, value] of Object.entries(urls)) {
    const res = await fetch(value)
    data[key] = await res.json()
  }

  return data
}

console.log(await getData())

Answer 3

[achubutkin]

let urls = [
  'https://api.github.com/users/iliakan',
  'https://api.github.com/users/remy',
  'https://api.github.com/users/jeresig'
];

// map every url to the promise of the fetch
let requests = urls.map(url => fetch(url));

// Promise.all waits until all jobs are resolved
Promise.all(requests)
  .then(responses => responses.forEach(
    response => alert(`${response.url}: ${response.status}`)
  ));

Тут больше примеров https://javascript.info/promise-api