Как вернуть значение из вложенной функции?

Question

Сейчас я использую код вида:

function getData(key, id)
{
    var data = '';
$.get(
    'http://site.com/gate.php',
    {'key': key, 'id': id, 'action': 'get'},
    function (res) {
        data = res.split('|')[1];
    }

return data;

}

Вопрос: можно ли как-то возвращать результат из замыкания передаваемого в $.get()? Что-то вроде этого:

function getData(key, id)
{
    return $.get(
        'http://site.com/gate.php',
        {'key': key, 'id': id, 'action': 'get'},
        function (res) {
            return res.split('|')[1];
        }
}

Answer 1

@Deonis всё правильно написал, но поддержка браузерами нативных Promises далека от идеала. Ждём Spartan

Существуют множество полифиллов, в том числе и для JQuery.

function getData(key, id){   
   var dfd = $.Deferred(),
       data =  {'key': key, 'id': id, 'action': 'get'};
$.get('http://site.com/gate.php', data)
       .done(function (response) {

           response = 'foo|bar|baz'; // предположим, что response вернул такую строчку
           dfd.resolve(response);
       })
       .fail(dfd.reject);
return dfd;
}
getData(10, 100).then(function (response) {
    alert(response.split('|')[1]);
}, function (error) {
    // обработчик ошибок
});

Смотреть результат здесь

Update

Вы можете явно указать, чтобы $.ajax возвращал вам синхронно, но такой подход в корне неверный.

function getData(key, id){ 
     var result;
 $.ajax({
    url: 'http://site.com/gate.php',
    type: 'GET',
    async: false,
    data: {
        key: key,
        id: id,
        action: 'get'
    },
})
.done(function(response){
    response = 'foo|bar|baz'; // предположим, что response вернул такую строчку

    result = response.split('|')[1];
})
.fail(function(){
  // обработчик ошибок
});

return result;

}
alert(getData(10, 100));

Смотреть результат здесь

Answer 2

function getData(key, id) {
    return new Promise(function (resolve, reject) {
        $.ajax({
            url: 'http://site.com/gate.php',
            type: 'GET',
            data: {
                key: key,
                id: id,
                action: 'get'
            },
            error: reject,
            success: function (res) {
                resolve(res.split('|')[1]);
            }
        });
    });
}

getData(10, 100).then(function (response) {
    console.log("Всё гуд!", response);
}, function (error) {
    alert('Хьюстон! У нас проблемы!: ' + error.statusText);
});