javascript - 如何在 Jquery 中迭代 JSON 数组

Question

我有以下类型的数组。我想在 JavaScript 中迭代这个数组。这怎么可能？

{
"result": true,
"data": [
{
    "ID": 1,
    "stage_ID": 1,
    "badge_type_ID": 1,
    "name": "Despertar da Força",
    "description": "Fazer a primeira SuperAtividade",
    "type": "",
    "image_static": "url123.jpg",
    "image_animated": "",
    "SQL": "",
    "published": 1
},
{
    "ID": 2,
    "stage_ID": 1,
    "badge_type_ID": 1,
    "name": "Super 3",
    "description": "Fazer 3 SuperAtividades",
    "type": "",
    "image_static": "urlimage123.png",
    "image_animated": "",
    "SQL": "",
    "published": 1
}

等等

我尝试了以下脚本，它返回“未定义”、“未定义”。

$.getJSON('https://www.legiaodossuperpoderes.com.br/chronus/api/adm/badges', function(data) {
        var output= "<ol>";
        for (var i in data) {
            output += "<li>" + data[i].ID + "</li>"
        }
        output+="</ol>";
        document.getElementById("placeholder").innerHTML=output;
    }); 

有什么解决办法吗？谢谢!

Answer 1

您可以尝试转换为Json对象

$.getJSON('https://www.legiaodossuperpoderes.com.br/chronus/api/adm/badges', function(data) {
        var output= "<ol>";
        var jsondata = $.JSON.parse(data); // Json object Convertion
        for (var i in data) {
            output += "<li>" + data[i].ID + "</li>"
        }
        output+="</ol>";
        document.getElementById("placeholder").innerHTML=output;
    });