我的编辑：

Question

我有一个AJAX调用，它从查询中返回JSON数据：

<script>
    function retrieveTrips(){
        // Get a history of trips

        $.ajax({
            url:'cfcs/mileagedata.cfc?method=getTrips&returnformat=json',
            data: { ticket_id: #get_ticket.ticket_id# },
            success: function(response) {
                $("##tripDate").html(response);
                console.log(response);
                }
          });
    }
</script>

我想迭代成功函数上返回的JSON数据，并使用JQUERY将其输出到HTML表。我最接近的就是将所有数据输出到表格中的div。任何人都可以告诉我JQUERY代码的外观吗？

这是我的JSON回复：

{
    "COLUMNS": ["ID", "VEHICLE_ID", "TICKET_ID", "_DATE", "START_ODOMETER", "END_ODOMETER", "ORIGIN", "DESTINATION", "TOTAL_MILEAGE", "EXPENSES", "DESCRIPTION"],
    "DATA": [
        [1650, "6", "30996", "September, 29 2016 00:00:00 -0400", "11782", "11822", "Jaydien", "Mazza", "40", "0.00", ""]
    ]
}

我的编辑：

 <script>
        function retrieveTrips(){
            // Get a history of trips

            $.ajax({
                url:'cfcs/mileagedata.cfc?method=getTrips&returnformat=json',
                data: { ticket_id: #get_ticket.ticket_id# },
                success: function(response) {
                    $("##tripDate").html(response);

                    for (i = 0; i < response.DATA.length; i++) { 
                        var row = response.DATA[i];
                        console.log(row);
                    }

                    }
              });
        }
    </script>

Answer 1

在成功通话中尝试此操作，而不是使用console.log（）;

response = JSON.parse(response);

for (i = 0; i < response.DATA.length; i++) { 
    var row = response.DATA[i];
    console.log(row);
}

你也有一个##应该只是1＃，否则它不会返回到propper元素

返回json是一个返回的JSON，其中两个属性都包含一个Array，第一个属性告诉你列是什么意思，第二个属性包含实际数据，只接近你调用的数据response.DATA，DATA是属性名在json对象中

使用JQuery迭代AJAX成功的JSON数据

我的编辑：

1 个答案: