AJAX jQuery | 访问返回的对象数据

Question

我正在尝试访问我进行的Ajax调用中返回的数据。 这引用了Steam API并成功返回了数据。 我已将其记录在控制台上进行检查。 每当我尝试访问数据时，都会收到未定义的控制台消息。

以下是我返回的JSON文件的摘要

{
"playerstats": {
    "steamID": "Removed for SO",
    "gameName": "ValveTestApp260",
    "stats": [
        {
            "name": "total_kills",
            "value": 7642
        },
        {
            "name": "total_deaths",
            "value": 7349
        },
        {
            "name": "total_time_played",
            "value": 427839
        },
        {
            "name": "total_planted_bombs",
            "value": 341
        },

下面是我的ajax调用的代码

$.ajax({
    url: this.props.url,
    dataType: 'json',
    crossDomain: true,
    success: function(data) {
        console.log("success", typeof data);
        console.log(data.playerstats.stats.total_kills);
        console.log(data["playerstats"]["stats"]["total_kills"]);
    }.bind(this),
        error: function(xhr, status, err, data) {
        console.error(this.props.url, status, err.toString());
    }.bind(this)
});

我已成功进入成功功能，但它在控制台中显示以下内容

success object
Inline JSX script:21 undefined
Inline JSX script:22 undefined

我尝试访问数据的console.log行上出现2个未定义的错误，我唯一想到的就是我错误地访问了它们。

尝试次数

console.log(data.playerstats.stats.total_kills);
console.log(data["playerstats"]["stats"]["total_kills"]);

Answer 1

total_kills不是统计的属性，也不会在每个项目甚至一个属性stats ，但该属性值 "name" ，你想要的属性的值 "value"的统计数据数组中的每个项目：

$.ajax({
    url: this.props.url,
    dataType: 'json',
    crossDomain: true,
    success: function(data) {
        console.log("success", typeof data);
        data.playerstats.stats.forEach(function (stat) {
            console.log(stat.value);
        });
    }.bind(this),
        error: function(xhr, status, err, data) {
        console.error(this.props.url, status, err.toString());
    }.bind(this)
});

要仅获取具有"total_kills"作为其"name" 属性 值的物品 ，可以使用以下命令：

var totalKillsObj = data.playerstats.stats.reduce(function(item) {
  return item.name === 'total_kills';
});

var totalKills = totalKillsObj.value;

Answer 2

演示小提琴

var data = {
    "playerstats": {
        "steamID": "Removed for SO",
            "gameName": "ValveTestApp260",
            "stats": [{
            "name": "total_kills",
                "value": 7642
        }, {
            "name": "total_deaths",
                "value": 7349
        }, {
            "name": "total_time_played",
                "value": 427839
        }, {
            "name": "total_planted_bombs",
                "value": 341
        }]
    }
}
alert(data.playerstats.steamID);
data.playerstats.stats.forEach(function (stat) {
    alert(stat.name + ":" + stat.value);//property for stats are name and value
});