Как положить данные ajax в переменную?

Question

[Дмитрий]

Собственно вся суть в вопросе:

function ax(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onreadystatechange = function(){
        if (this.readyState == 4) {
            if (this.status == 200)
                callback(this.responseText);
            // иначе сетевая ошибка
        }
    };
    xhr.send(null);
}

function ДайУрл() {
    var gUrl = 'http://localhost:8000/p/';
    var furl;
    ax(gUrl, function (data) {
        furl = data;
        return furl;
    });
    console.log(furl);
    return furl;
}

Как заставить "ДайУрл" отдавать данные, в конcоль вывод идёт, а return undefined?

Comments

[Lynn «Кофеман»]

Никак. Миллион раз спрашивали.

Весь код которому нужен furl должет вызываться из callback-а

ax(gUrl, function (data) {
        furl = data;
        console.log(furl);
        call_whatever_need_furl(furl);
        ...
});

[Денис]

Алексей Тен почему же никак? Promise вроде пока никто не отменял.

[Lynn «Кофеман»]

Денис: промиз этот тот же коллбек в другой упаковке

[Дмитрий]

Алексей Тен: да работает

Answer 1

[Михаил Рыбаков]

Советую почитать про то, что такое асинхронность и что такое promise

Answer 2

[Виталий]

function ax(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onreadystatechange = function(){
        if (this.readyState == 4) {
            if (this.status == 200)
                callback(this.responseText);
            // иначе сетевая ошибка
        }
    };
    xhr.send(null);
}

function getUrl() {
    var gUrl = 'http://localhost';
    ax(gUrl, function (data) {
        console.log(data);
    });
}

У вас функция function (data) выполняется хз где и когда, а точнее , когда уже уничтожен экземпляр функции ДайУрл.... Если не хочется особо вникать ни во что, достаточно той переписки, что я скинул. Если хотите данные писать куда-то в переменную, объявите ее на уровень выше своей функции ДайУрл и пушите туда что надо. А вообще совет, почитайте учебник learn.javascript.ru . Кстати на промисах это будет действительно изящнее. Как это сделать поймете прочитав книгу.