Передать return в родительскую функцию

Question

Передать return в родительскую функцию

Рейтинг: 0Ответов: 1Опубликовано: 23.04.2015

function getPrice(n){
    function onAjaxSuccess(data)
    {
        return data;
    }
    $.get(
        "prices/functions.php",
        {
            n: n
        },
        onAjaxSuccess
    );
}

Подскажите, как передать data в самой getPrice и вернуть его через return?

javascript jquery ajax

Источник: Stack Overflow на русском

Answer 1

▲ 3

Если подходить к вопросу строго: jQuery поддерживает синхронные вызовы, т.е. такие, при которых выполнение скрипта прекращается, пока не получен ответ:

 var data; // в данный момент undefined
 $.ajax({
     async: false,
     url: '/',
     success: function(_data) {
         data = _data; // data указывает на переменную из внешней области видимости
     }
 });
 // так как на время выполнения $.ajax код прекратил выполнение, data уже заполнена

Однако так делать не стоит. Строго говоря, это должно заблокировать браузер до конца запроса (не знаю, как будет в реальности, и наверняка поведение различается от браузера к браузера), да и вообще парадигма яваскрипта такие штуки не предусматривает. Вместо этого в яваскрипте все делается на коллбэках (о чем вы наверняка знаете, но на всякий):

$.ajax({
    url: '/',
    success: function (data) {
        // функция, которая будет выполнена по завершению запроса
    }
})

Конечно, это не очень удобно, и становится еще менее удобным, когда в одном месте нужно сделать несколько последовательных запросов. Эта проблема решается с помощью т.н. promise - конструкции, которая выполняет тот или иной коллбек в случае удачного или неудачного завершения. В этом случае метод может вернуть этот самый promise вместо реальных данных, и клиентский код будет видеть только один объект, куда нужно подключить коллбек. Таким образом можно обернуть сразу несколько методов (attention: я в этом пока не мастер, наверняка более маститые пользователя приведут пример лучше / отредактируют этот ответ):

var api = {
    registerCustomer = function () {
        return $.ajax({ ... });
    }
    activateCustomer = function () {
        return $.ajax({ ... }));
    }
    sendGrettingLetter = function () {
        return $.ajax({ ... });
    }
};

$('register-form').on('submit', function () {
    api.registerCustomer()              // сначала выполнится этот метод
        .done(api.activateCustomer)     // после завершения - этот
        .done(api.sendGreetingLetter);  // и, наконец, финальный
});

Как в этом случае передавать вовращаемые данные - я, честно говоря, не знаю, но этот точно есть в документации, и, скорее всего, такая штука сработает:

function getCartProducts() {
    return $.ajax({ url: '/api/v1/cart' })
        .done(function (data) { return data.products; });
}
function iterateProducts(products) {
    for (var key in products) {
        // что-нибудь
    }
}

getCartProducts.done(iterateProducts);

Постараюсь до завтрашнего вечера поковырять поподробнее.

Передать return в родительскую функцию

Ответы