Question

i try to get a function return in combination with facebook api reqeust.

var g_ret = true;

function uploadImagesFbCounter(anz){
    var gid='';
    $("div[id ^= 'gallerydetail']").each(function (i) {
        gid = this.id.split('-');
        gid = parseInt(gid[1]);
    })
    if(gid==0) return true;

    FB.api('/me', function(response) {

        //console.log(response);
        var uid = response.id;

        if(!anz){
            g_ret = $.ajax({
                type: "POST",
                async:false,
                url: "api/gallerie_anz_speich.php",
                data: "uid="+uid+"&op=get&gid="+gid
            });

            if(g_ret.response >= 20)    {
                g_ret = false;
            }
        }   else    {
            g_ret = $.ajax({
                type: "POST",
                async:false,
                url: "api/gallerie_anz_speich.php",
                data: "uid="+uid+"&op=set&gid="+gid
            });
            //console.log(g_ret.response);
            g_ret = '<span style="padding:0 5px;">Noch '+(20-g_ret.response)+'Fotos</span>';
            console.log(g_ret);
        }
    });

    return g_ret;
}

what ever I do, i get an empty response…. please help!

Answer 1

Getting the user information from Facebook’s servers is asynchronous. This means, any code you write after FB.api() does not wait for Facebook to respond. Your browser is not blocked just to wait for Facebook’s servers. This is the same concept as AJAX, which I believe you are familiar with because I see you use it in your code.

The common way to “get a return value” from an asynchronous server request is to use a callback function.

function uploadImagesFbCounter(anz, onSuccess){
    var gid='';
    $("div[id ^= 'gallerydetail']").each(function (i) {
        gid = this.id.split('-');
        gid = parseInt(gid[1]);
    })
    if(gid==0) return true;

    FB.api('/me', function(response) {

        //console.log(response);
        var uid = response.id;

        if(!anz){
            g_ret = $.ajax({
                type: "POST",
                async:false,
                url: "api/gallerie_anz_speich.php",
                data: "uid="+uid+"&op=get&gid="+gid
            });

            if(g_ret.response >= 20)    {
                g_ret = false;
            }
        }   else    {
            g_ret = $.ajax({
                type: "POST",
                async:false,
                url: "api/gallerie_anz_speich.php",
                data: "uid="+uid+"&op=set&gid="+gid
            });
            //console.log(g_ret.response);
            g_ret = '<span style="padding:0 5px;">Noch '+(20-g_ret.response)+'Fotos</span>';
            console.log(g_ret);
        }

        onSuccess(g_ret);
    });

}


uploadImagesFbCounter(
    whateverAnzIs, 
    function(g_ret) {
        console.info(g_ret);
    }
);