Question

我一直在尝试使用Ajax从JSON数组中吐出一些特定的数据，但这已经过时了，我单次进入是成功的，但现在我需要遍历循环，发现它有点笨拙。我有一个名为result.json的JSON文件，需要从JSON文件中调用一些数据

{
    "status": "true",
    "Content-Range": {
        "ResultsRange": [{
            "first": "1",
            "last": "2",
            "max": "2"
        }]
    },
    "data": {
        "Results": [{
            "SeriesID": "1",
            "EventNumber": "1",
            "RunId": "189",
            "FinishPosition": "184",
            "GenderPosition": "163",
            "EventDate": "2008-03-29",
            "AthleteID": "600",
            "RunTime": "00:24:39",
            "PB": "0",
            "Points": "88",
            "AgeGrading": "0.523326572008114",
            "AgeCategory": "SM25-29",
            "FirstTimer": "0",
            "GenuinePB": "0",
            "Updated": "0000-00-00 00:00:00",
            "HandicapRunTime": null,
            "Assisted": null
        }, {
            "SeriesID": "1",
            "EventNumber": "1",
            "RunId": "62",
            "FinishPosition": "32",
            "GenderPosition": "29",
            "EventDate": "2005-12-03",
            "AthleteID": "600",
            "RunTime": "00:21:10",
            "PB": "1",
            "Points": "222",
            "AgeGrading": "0.609448818897638",
            "AgeCategory": "SM25-29",
            "FirstTimer": "1",
            "GenuinePB": "0",
            "Updated": "0000-00-00 00:00:00",
            "HandicapRunTime": null,
            "Assisted": null
        }]
    },
    "links": [{
        "rel": "self",
        "href": "\"/v1/results?athleteId=600&offset=0&limit=100\""
    }, {
        "rel": "first",
        "href": "\"/v1/results?athleteId=600&offset=0&limit=100\""
    }, {
        "rel": "last",
        "href": "\"/v1/results?athleteId=600&offset=0&limit=100\""
    }],
    "timestamp": 1456572472,
    "originalQryTime": 1456572472
}

ajax调用在

之下

$(document).ready(function() {
    $('#result').click(function() {
        $(this).addClass("disabled");
        $.ajax({
            url: "result.json",
            type: "GET",
            dataType: 'json',
            success: function(result) {
                for (var i = 0; i < data[Results].length; i++) {
                    returnData += '<div style="border:2px solid black; margin-top:45px;">' + '<label>' + 'Events Name: ' + '</label>' + '&nbsp;&nbsp;' + data[Results][i]["EventNumber"] + '<br><br>' + '</div>'
                }
                $("div#athlete-results").html(returnData);
            }
        });
    });
});

HTML标记位于

之下

<body> 
   <div class="container" id="athlete-results"> 

   </div>
</body>

任何人都可以帮助我在循环中正确迭代蚂蚁为每个结果吐出一些所需的数据，如EventNumber，RunId，FinishPosition等

使用Ajax从JSON数组中调用数据

0 个答案: