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

Question

[nen0y]

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, но не знаю как. Подскажите, как скорректировать код?

Comments

[Kovalsky]

Человек гугл спешит на помощь всем забаненным в гугле!

[nen0y]

Kovalsky, я открывал данную статью, увы оно мне не помогла. прежде чем создавать здесь вопрос, я изучал егона других сервисах. Но вам видимо проще сделать гифку по том как гуглить что-то, чем предложить что-то конкретное ._.

[Kovalsky]

nen0y, ну а что вы хотите? Эта тема разжёвана-пережёвана уже сотни раз, в интернетах тучи статей с решениями, а вы говорите что вам не помогло. Вот смотрите, опять захожу в гугл, пишу "promise в ajax", опять первой же ссылкой вижу решение вашей проблемы

[Fedor Vlasenko]

$.get( "api.api/users/", 'json' )
  .done( data =>  {
    alert( "Data Loaded: " + data );
  });

https://api.jquery.com/jquery.get/

[nen0y]

Kovalsky, спасибо

[Dima Polos]

console.log вставьте в success: function...{ userList = res; console.log(userList) } и все

[Dima Polos]

Только теперь весь код завязанный на этом userList нужно писать там. Лучше уже разобраться в промисах, и сделать запрос без jquery.

Answer 1

[Надим]

На самом деле jQuery.ajax() умеет в промисы из под коробки:

let userList = await $.ajax({ url: 'api.api/users/' });
console.log(userList);

Answer 2

[Tim]

Примерно так

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);
})()