Не получается получить объект с ajax?

Question

[Li_Von]

Всем привет, на картинке выше представлен код. После нажатия на кнопку я получаю массив json, он возвращается функции getAjaxRequest и записывается в массив data.

Но как мне вывести некоторые значения этого массива? Если я пишу console.log(data.responseJSON) то вроде должен быть как раз мой обьект, но выводится undefind.

Как вообще правильно это делать?
Большое спасибо :)

Код:

$(document).ready(function(){
    var button = $('button');
    var data = [];

    button.click(function(){
        data = getAjaxRequest();
        console.log(data);
    });
});

function getAjaxRequest(){
    return $.get('/json/data.json', {}, json => { return json });
}

Answer 1

[Виктор Янышев]

Стрелочная нотация та ки так делает return;
$.get('/json/data.json', {}, ( json ) => json);

....
button.click(function(){
        $.get('/json/data.json', {}, function (response) { return function(response) { data = response; } }, 'json');
    });

Comments

[Михаил Макаров]

Li_Von, со второго раза это у тебя работает потому что ajax-запрос асинхронный, и к моменту вызова console.log, ещё небыло получено ответа и чего-либо записано в массив data. А ко второму нажатию оно просто случайно успевает это сделать.

За исправление этой ошибки через setTimeout программисту, по-хорошему, нужно отрубать руки и отлучать пожизненно от компьютеров.

[Li_Von]

Михаил Макаров, убрал асинхронность и поместил последующий код в complite(), спасибо.