Почему на выход undefined?

Question

[Александр]

Почему return возвращает undefined? Если выводить тоже самое в console.log, то все работает.

function application() {
    $.ajax({
        url: 'chart/apllication',
        type: 'GET',
        dataType: 'JSON',
        success: function (data) {
            return [
                data['january'].length,
                data['february'].length,
                data['march'].length,
                data['april'].length,
                data['may'].length,
                data['june'].length,
                data['july'].length,
                data['august'].length,
                data['september'].length,
                data['october'].length,
                data['novembr'].length,
                data['decembr'].length
            ]
        }
    });
}

Comments

[bioroot]

Что вы откуда и куда возвращаете? Где undefined? Если запрос прошёл, то метод success будет честно дёрнут. Какого ещё эффекта вы ожидаете и куда вставляете console.log? В теле success он конечно отрисует данные. Но вне него вы данные просто не пробрасываете.

[Александр]

bioroot: Undefined уже в другой функции - отрисовывания графика. Console.log в success отрабатывает. Каким методом тогда пользоваться?

[Александр]

bioroot: а хочу я в фун-ю отрисовки графика получить 12 чисел. Вызываю как: application()

[bioroot]

А когда вы вторую функцию вызываете и как? Обычно когда возникают подобные проблемы это значит что ajax-запрос ещё не отработал. Если без претензий по качеству кода и просто "чтобы работало" - вызывайте вторую функцию изнутри success. Т.е. напишите там function (data) { drawFunction(data); }

[bioroot]

Из application ничего и не возвращается, потому и undefined. Можно вписать в него return ниже ajax, но это гиблое дело. Либо дёргайте внешнюю функцию из success, либо учитесь promise'ам.

[Александр]

bioroot: вызываю после ajax запроса. Т.е. при загрузки странице отрабатывает первым ajax, затем функция отрисовки. Но как я понял ajax асинхронный и по этому не успевает отработать.

Answer 1

[Tom Nolane]

верный ответ от @dasha_programmist


нельзя return'уть из асинхронной функции. Правильный ajax выглядит примерно так:

function lobbyLeader() {
  $.ajax({
    data: {"id": 1, "request": "blabla", "method": "read"},
    url: 'hohoho.php',
    dataType: 'json',
    success: function(data){
      someOtherFunc(data);
   }
 });
}

Comments

[Александр]

Т.е. мне в someOtherFunc() поместить весь мой return или просто data?

[Tom Nolane]

Александр: типо того

[Александр]

Tom Nolane: не получается, все равно undefined

function application() {

    $.ajax({
        url: 'chart/apllication',
        type: 'GET',
        dataType: 'JSON',
        success: function (data) {
            getApp(data);
        }
    });
}
function getApp(data) {
    return [
        data['january'].length,
        data['february'].length,
        data['march'].length,
        data['april'].length,
        data['may'].length,
        data['june'].length,
        data['july'].length,
        data['august'].length,
        data['september'].length,
        data['october'].length,
        data['novembr'].length,
        data['decembr'].length
    ];
}
console.log(application());

[Даша Циклаури]

$.ajax().then(someOtherFunc)

[Александр]

Даша Циклаури: undefined

[Даша Циклаури]

Александр: не верю

var successCb=function(data){
console.log(data);
};
$.ajax({
url: 'chart/apllication'
}).then(successCb);

[Александр]

Даша Циклаури: так работает

[Stalker_RED]

Александр: Все дело в асинхронности. Запросы к серверу занимают огромное время и js не ждет пока запрос выполнится.
В итоге ваш console.log() выполнялся до того, как придет ответ с сервера, и выводил undefined.
гуглить: "асинхронность js ajax"

Answer 2

[Konstantin Malyarov]

Сначала обозначьте массив до ajax запроса.

var data;
$.ajax({
тут ваш код...
})

Comments

[Александр]

undefined все равно

[Konstantin Malyarov]

Александр: попробуйте вернуть только один элемент return data['january'].length;

[Александр]

Konstantin Malyarov: все равно undefined

[Konstantin Malyarov]

Александр: вы хотите измерить длину слова в скобках?

[Александр]

Konstantin Malyarov: Нет, data - это json массив возвращаемый сервером, и я хочу узнать сколько записей в "слове в скобках".
Пример массива:
Object { january: Array[0], february: Array[0], march: Array[3], april: Array[0], may: Array[0], june: Array[0], july: Array[0], august: Array[0], september: Array[0], october: Array[0], ещё 2… }