Catturare il return in jQuery Ajax

[fermat]

ciao!

ho un problema con il recuperare i valori da una chiamata ajax, fatta da un'altra chiamata ajax.

mi spiego, questa è la chiamata ajax principale:

function getPostsNews(categoria) {
    $.ajax({
        url: '',
        type: 'GET',
        contentType: "application/json; charset=utf-8",
        dataType: "json"
}).done(function (res) {
res.forEach(function (el) {
            var img = '';
            if (typeof el["post-meta-fields"]["_thumbnail_id"] !== "undefined") {
                img = getMediaId(el["post-meta-fields"]["_thumbnail_id"], false);
                console.log(img);
            } else {
                img = 'images/white.jpg';
            }
        });

}).fail(function (err) {
});
}

li richiamo la funzione getMediaId che deve effettuare un'altra chiamata ajax e restituire un valore.
io gli passo async false, in quanto non deve essere asincrona.
faccio così:

function getMediaId(id, async = true) {
    $.ajax({
        url: '',
        type: 'GET',
        aysnc: async,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (res) {
            return res.source_url;
        },
        error: function () {
            return 'images/white.jpg';
        }
    });
}

il valore di source_url è corretto.
però alla prima chiamata arriva sempre undefined.
per quale motivo???

[fermat]

ho provato anche così:

function getMediaId(id, async = true) {
    let out;
    $.ajax({
        url: baseUrl + 'media/' + id,
        type: 'GET',
        aysnc: async,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false
}).done(function (res) {
        out = res.source_url;
        console.log("1:" + out);
    }).fail(function (err) {
        out = 'images/white.jpg';
    });
    console.log("2:" + out);
    return out;
}

quello che non capisco è che mi esce prima il console contrassegnato come 2, con valore undefined.
e poi quello con 1, col valore corretto.
in teoria, forzando l'async, questo non dovrebbe succedere!

[ciro78]

ho provato anche così:

function getMediaId(id, async = true) {
    let out;
    $.ajax({
        url: baseUrl + 'media/' + id,
        type: 'GET',
        aysnc: async,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false
}).done(function (res) {
        out = res.source_url;
        console.log("1:" + out);
    }).fail(function (err) {
        out = 'images/white.jpg';
    });
    console.log("2:" + out);
    return out;
}

quello che non capisco è che mi esce prima il console contrassegnato come 2, con valore undefined.
e poi quello con 1, col valore corretto.
in teoria, forzando l'async, questo non dovrebbe succedere!

per rendere la chiamata non asincrona devi usare :

async:false

[fermat]

eh si, l'ho messo come parametro.
gli passo false.

cmq stamattina ho riaperto la pagina per lavorarci ed ha funzionato.
forse era solo un problema di caching.

[ciro78]