如何从Facebook API返回的jsonp中获取数据以获取封面图像

Amit Singh 发表于 Dev

阿米特·辛格

我有一个使用用户ID并为封面图像调用FB图形API的函数，该API调用是正确的。我正在获取封面图像网址，但该网址未存储在中var timlineimagepath。我已经尝试了该变量的所有可能范围

var timelineimgpath;

function getFBTimelineImgPath(userid) {
    var URL = 'https://graph.facebook.com/' + userid + '?fields=cover';
    var path = $.ajax({
        url: URL,
        type: "GET",
        dataType: "jsonp",
        success: function (parsed_json) {
            return (timelineimgpath = parsed_json["cover"]["source"]);
        }
    }
});

我正在从另一个函数调用此函数，但是timelineimgpath即将到来UNDEFINED。

斯特凡·布鲁克特（StéphaneBruckert）

您面临与以下问题相同的问题：

实际上，您将无法从Ajax函数返回任何内容，因为Ajax是异步的。认为每个Ajax调用都需要时间，并且下一条语句不会等待Ajax调用完成。

第一个解决方案：使用承诺

var timelineimgpath;

function getCover(userid) {
    return $.ajax({
        url: 'https://graph.facebook.com/' + userid + '?fields=cover',
    });
}

getCover("19292868552").done(function (data) {
    /** You have to do everything you need with your data HERE */
    timelineimgpath = data.cover.source;
    alert(timelineimgpath); // <-- this is called after
});

/** 
 * You see that the data is not available 
 * The Facebook API query has not occured yet!
 */
alert(timelineimgpath); // <-- "undefined"

JsFiddle

第二种解决方案：使用回调

function getCover(callback, userid) {
    $.ajax({
        url: 'https://graph.facebook.com/' + userid + '?fields=cover',
        success: callback
    });
}

function doWithCover(data) {
    /** You have to do everything you need with your data HERE */
    alert(data.cover.source);
}

getCover(doWithCover, '19292868552');

JsFiddle

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。