@nen0y

Как добавить promise в AJAX запрос?

let userList = '';
$.ajax({
    type: "GET",
    url: "api.api/users/",
    headers: {
      "Content-Type": "application/JSON",
    },
    success: function (res) {
      usersList = res.result;
    },
  });

console.log(userList);


Моя переменная не перезаписывается из-за того, что ajax запрос отрабатывается позже, чем вызов переменной. Как я понял, мне нужно добавить в ajax - promise, но не знаю как. Подскажите, как скорректировать код?
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 2
Tim-A-2020
@Tim-A-2020 Куратор тега JavaScript
Примерно так
let userList = '';
const myAjax = (url, method = 'GET', headers = {}) => {
  return new Promise(resolve => {
    $.ajax({
      method: method,
      url: url,
      headers: headers,
      dataType: 'json',
      success: resolve,
    });
  })
}


(async () => {
  let data = await myAjax("https://jsonplaceholder.typicode.com/todos/");
  userList = data;
  console.log(userList);
})()
Ответ написан
@zkrvndm
Боты, парсеры, расширения
На самом деле jQuery.ajax() умеет в промисы из под коробки:
let userList = await $.ajax({ url: 'api.api/users/' });
console.log(userList);
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽