Как реализовать ajax-запрос внутри функции?

Question

[STTRBL]

Добрый день! В общем, знаю, что вопрос ужасно надоевший и обсосанный в тысячах ответов, но сижу за проблемой весь день, а ясности в голове существенно не прибавилось. Поэтому вынужден понадоедать вам здесь:

Имеется функция вида:

function getInfo( ) {
let result;
    $.ajax({
        type: "POST",
        url: "handler.php",
        data: {action:'getInfo'},
        success: function(resp) {
            result = resp;
        }
    });
return result;
}

Почему это не будет работать корректно, я понимаю - асинхронность. Но необходимо, чтобы функция все таки возвращала этот несчастный ответ сервера и в своем теле содержала бы код именно +/- в форме *аякс запрос + (возможно) какие то действия с ответом сервера + возврат ответа/результата работы с ответом*. Проблемное здесь - возврат, конечно же. Возможно ли сделать это хоть каким нибудь разумным образом без async:false и перелопачивания подхода к "получению чего то с сервера" во всей структуре кода?

Причина такой потребности в том, что я по своей грандиозной глупости выстроил всю архитектуру кода с расчетом на функции как раз вида "вернутьЗначениеССервера" до того, как сел за аякс (случайный пример ниже).

function foo( ) {
    const x = 5;
    const info = getInfo(); // В теории - получаем что-то юзая аякс. Например, объект
    if (info.something) {    // Сразу же работаем с полученными данными
        x +=5;
    }
    return x;  // Ну, вы понимаете 
}

Comments

[DanKud]

Так возвращайте значение функции внутри колбэка:

function getInfo( ) {
    $.ajax({
        type: "POST",
        url: "handler.php",
        data: {action:'getInfo'},
        success: function(resp) {
            return resp;
        }
    });
}

или я что-то не так понял в вашем вопросе?

[kova1ev]

Забавно, сам такой же вопрос задал несколько часов назад
вопрос

[STTRBL]

Вообще, подумал, что по большому счету в тех случаях, когда возникает описанная проблема - по своей логике прямо таки напрашивается синхронное отправление запроса. Отсюда вытекающий вопрос - так ли ужасен async:false и всегда ли его следует избегать?

[STTRBL]

DanKud, ну, если я не умудрился проэкспериментировать с этим 666 раз к ряду ошибочно - в таком случае возвращается результат коллбэка, но не внешней функции. Т.е. на возврат getInfo( ) это никак не влияет.

Answer 1

[Сергей delphinpro]

Придется переписывать.

function getInfo( ) {
  return new Promise((resolve, reject) => {
    $.ajax({
        type: "POST",
        url: "handler.php",
        data: {action:'getInfo'},
        success: function(resp) {
            resolve(resp);
        },
        error: function() {
          reject()
        }
    });
  });
}

getInfo().then(result=> {
  console.log(result);
});

Comments

[STTRBL]

Благодарю! Попробовал внедрить такую логику в свою структуру - теперь лучше понимаю работу промисов.