Как вернуть результат асинхронного запроса?

Question

[KitOsorgin]

Имеется функция, делающая POST запросы к серверу:

function post(params) {
    return $.ajax({
        type: "POST",
        url: "php/post.php",
        data: params,
        dataType: 'json',
        success: function () {}
    });
}

Также имеется функция, которая должна вернуть ответ сервера:

function dictionary(word) {
    $.when(post({'word':word})).done(function(data){
        return data;
    });
}

Собственно, вопрос: как заставить эту функцию вернуть результат запроса к серверу (data), поскольку из .done функции значение data, разумеется, не возвращается?

P.S. Изначально решил проблему через добавление 'async': false, но отладка ругается, что такой подход не желателен. В связи с чем интересует возможное решение через асинхронный запрос.

Comments

[Kovalsky]

На офе хорошие примеры

Answer 1

[Надим]

Используйте промисы:

async function dictionary(word) {
    var response = await $.ajax({
        type: "POST",
        url: "php/post.php",
        data: {'word':word},
        dataType: 'json'
    });
    console.log('Получен ответ сервера:');
    console.dir(response);
    return response;
}

Но нужно понимать как все это работает, иначе прострелите себе ногу, образно.

Answer 2

[Антон Иванов]

Параметр success Ajax-запроса должен возвращать результат, именно этот результат и будет доступен в виде data функции done.

Comments

[KitOsorgin]

Возможно, не совсем правильно выразился в самом вопросе - data получает из AJAX-запроса корректное значение, с этим проблем нет. Вопрос в том, как заставить саму функцию "dictionary" вернуть это значение? Чтобы в дальнейшем я могу использовать ее в виде:

let new_value = dictionary('my_word');

[Rsa97]

Karl_Fridrih, Изучайте Promise и async/await.
Или погружайтесь в callback-hell, прописывая все необходимые действия в каллбэке success.

[Антон Иванов]

Karl_Fridrih Ну так в вашем случае dictionary ничего не возвращает. Возвращает только функция done.

function async dictionary(word) {
    const result = await $.when(post({'word':word})).done(function(data){
        return data;
    });

    return result;
}