首页 > 解决方案 > JavaScript 对象在控制台中有数据,但在代码中没有数据

问题描述

我一直在使用 Github API,并制作了从 Github 项目中获取数据并以 JSON 格式返回的函数例如

function drawProjects() {
    var GPD = getGPD('https://api.github.com/repos/frc5104/Power-Up- 2018/projects');
    console.log(GPD);
}

这很奇怪,因为“正常”的JSON对象看起来像是

function drawProjects() {
    var GPD = {
        tp: "ay!",
        test1: {
            key: "Hi"
        }
    };
    console.log(GPD);
}

函数中的 JSON 在折叠时没有任何数据,尽管“正常”JSON 有。

这很好,接受我无法访问对象内部的任何内容。对对象进行字符串化返回“{}”,不能循环遍历对象,不能访问数据等。

我想知道是否有人以前遇到过这个问题,或者是否有人知道解决这个问题的方法。

作为参考,获取 GPD 如下所示:

function getGPD(url) {
    var Gde = {};
    getGAPI(url, function (data) {
        for (var project in data) {
            //Each Project
            Gde[data[project].name] = {};
            getGAPIK(data[project].columns_url, function (data, pro) {
                for (var column in data) {
                    //Each Column
                    Gde[pro][data[column].name] = {};
                    getGAPIK(data[column].cards_url, function (data, col) {
                        for (var card in data) {
                            //Each Card
                            var cardNote = data[card].note;
                            var cardId = data[card].id;
                            Gde[pro][col][cardId] = { cardNote };
                        }
                    }, data[column].name);
                }
            }, data[project].name);
        }
    });
    return Gde;
}

function getGAPIK(url, func, keepIY) {
    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json',
        success: function (data) {
            func(data, keepIY);
        },
        error: function () { },
        beforeSend: setGHHeader
    });
}

function getGAPI(url, func) {
    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json',
        success: function (data) {
            func(data);
        },
        error: function () { },
        beforeSend: setGHHeader
    });
}

function setGHHeader(xhr) {
    xhr.setRequestHeader('Accept', 'application/vnd.github.inertia-preview+json');
    xhr.setRequestHeader('Authorization', 'token f29ec838673639aa53c5faa39cc8d0615a18be29');
}

---------------更新-------
由于Bergi,我设法通过替换退货来解决此问题,谢谢btw在最大的 for 循环完成后回调函数的语句,因此:

function getGPD(url, func) {
var Gde = {};
getGAPI(url, function (data) {
    for (var project in data) {
        //Each Project
        Gde[data[project].name] = {};
        getGAPIK(data[project].columns_url, function (data, pro) {
            for (var column in data) {
                //Each Column
                Gde[pro][data[column].name] = {};
                getGAPIK(data[column].cards_url, function (data, col) {
                    for (var card in data) {
                        //Each Card
                        var cardNote = data[card].note;
                        var cardId = data[card].id;
                        Gde[pro][col][cardId] = { cardNote };
                    }
                }, data[column].name);
            }
        }, data[project].name);
    }
    func(Gde);
});
}

这是有效的,因为它返回一个值,然后更新该值,而不是直接发送该值。

标签: javascriptjsongithubgithub-apigithub-api-v3

解决方案


推荐阅读