javascript - 方法回调未被命中

标签 javascript

我发誓这昨晚有效,这就是为什么我能够在凌晨 1 点上床 sleep ;)。我今天早上上类,现在它永远不会到达 FB.api 的回调。 FB.api 是一个异步 Facebook JS 调用...但无论如何,昨晚工作正常,我不认为这是 Facebook 服务器(端点)问题。

            function BindAlbumAndPhotoData()
            {
                GetAllAlbums(userID, accessToken, function(aAlbums) 
                {
                    alert("we're back and should have data");

                    if (aAlbums === null || aAlbums === undefined) {
                        alert("array is empty");
                        return false;
                    }

                    var defaultAlbumID = aAlbums[0].id;

                    alert(" defaultAlbumID: " + defaultAlbumID);

                 });
            };


function GetAllAlbums(userID, accessToken, callbackFunctionSuccess)
{
    var aAlbums = []; // array
    var uri = "/" + userID + "/albums?access_token=" + accessToken;

    alert("uri: " + uri);

    FB.api(uri, function (response) 
    {
        alert("inside FB.api");
        // check for a valid response
        if (!response || response.error) 
        {
            alert("error occured");
            return;
        }

        for (var i = 0, l = response.data.length; i < l; i++) {
            alert("Album #: " + i + "\r\n" +
                  "response.data[i].id: " + response.data[i].id + "\r\n" +
                  "response.data[i].name: " + response.data[i].name + "\r\n" +
                  "response.data[i].count: " + response.data[i].count + "\r\n" +
                  "response.data[i].link: " + response.data[i].link
                  );

            aAlbums[i] = new Album(
                                                    response.data[i].id,
                                                    response.data[i].name,
                                                    response.data[i].count,
                                                    response.data[i].link
                                                   );

            alert("aAlbums[" + i + "].id : " + aAlbums[i].id);
        }

        alert("about to pass back the array to the callback function");

        callbackFunctionSuccess(aAlbums);
    });
}

因此它到达了 uri 的警报,但从未触发 FB.api 回调内的第一个警报。这意味着它从未触发alert("inside FB.api");我不知道为什么。

已更新

看起来我所有的 api 调用都被中止了。不确定什么会中止它(FB 服务器?):

alt text http://elbalazo.net/post/abortedcalls.jpg

更新#2

好吧,看起来中止只是说 Http 请求已完成。如果我右键单击 Firebug 中的中止行并选择“在新选项卡中打开”,它会显示 HttpResponse 数据...但我认为这是因为当我这样做时它会发送手动请求,就像复制并粘贴此请求 url 一样手动进入浏览器...

另一方面,如果我右键单击该中止行并选择“复制响应 header ”,我什么也得不到。另外,当我在 Chrome 中查看时,我看到了请求 header ,但没有看到任何响应 header 。

所以仍然不明白为什么它没有进入回调然后如果我从 FB.api 调用取回数据

更新#3

好的,恢复正常了。我在 FB.api 的回调中调用了回调方法。所以它被轰炸了。

function BindFacebookAlbumAndPhotoData()
{
GetAllFacebookAlbums(userID, accessToken, function(aAlbums) 
{

    if (aAlbums === null || aAlbums === undefined) {
    alert("array is empty");
    return false;
    }

    // Set the default albumID
    var defaultAlbumID = aAlbums[0].id;

};

函数 GetAllAlbums(用户 ID、accessToken、callbackFunctionSuccess) { var aAlbums = [];//大批 var uri = "/"+ userID + "/albums?access_token="+ accessToken;

//alert("uri: " + uri);

FB.api(uri, function (response) {
    alert("inside FB.api");

    // check for a valid response
    if (!response || response.error) {
        alert("error occured");
        return;
    }

    for (var i = 0, l = response.data.length; i < l; i++) {
        alert("Album #: " + i + "\r\n" +
              "response.data[i].id: " + response.data[i].id + "\r\n" +
              "response.data[i].name: " + response.data[i].name + "\r\n" +
              "response.data[i].count: " + response.data[i].count + "\r\n" +
              "response.data[i].link: " + response.data[i].link
              );

        aAlbums[i] = new FacebookAlbum(
                                        response.data[i].id,
                                        response.data[i].name,
                                        response.data[i].count,
                                        response.data[i].link
                                       );

        alert("aAlbums[" + i + "].id : " + aAlbums[i].id);
    }
});

    alert("about to pass back the array to the callback function");
    callbackFunctionSuccess(aAlbums);

}

最佳答案

嗯,尝试以下操作

function GetAllAlbums(userID, accessToken, callbackFunctionSuccess)
{
    var aAlbums = []; // array
    var uri = "/" + userID + "/albums?access_token=" + accessToken;

    alert("uri: " + uri);

    FB.api(uri,GetAllAlbumsCallback);
}

function GetAllAlbumsCallback(Data)
{
    alert("inside FB.api");
        // check for a valid response
        if (!Data || Data.error) 
        {
            return;
        }

        for (var i = 0, l = Data.data.length; i < l; i++)
        {
            aAlbums[i] = new Album(
                Data.data[i].id,
                Data.data[i].name,
                Data.data[i].count,
                Data.data[i].link
            );

            if (aAlbums === null || aAlbums === undefined)
            {
                alert("array is empty");
                return false;
            }
            var defaultAlbumID = aAlbums[0].id;
            alert(" defaultAlbumID: " + defaultAlbumID);
        }
}

尝试将回调与匿名分开,有时可能会出现范围问题:/

将它们分开应该可以使它们具有全局范围,并且通常不易出错。

关于javascript - 方法回调未被命中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3344922/

相关文章:

javascript - 如何使用react调用外部定义的javascript函数?

javascript - 执行 JavaScript 方法,当 p :outputLabel is rendered

javascript - 与 API 交互时, header 键变为小写 - React native

javascript - Angular 5 - HTTP 客户端 - 将 resp.body 转换为数组

javascript - 输入值改变时改变背景图片

javascript - 根据文本中出现的次数更改字体大小

java - 检测 LiveConnect 是否被阻止

javascript - Div 上的 jQuery 单击事件(子 Div 除外)

javascript - javascript中的javascript输入问题

javascript - Angular 中独特的 ng 选项