我有一个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>
答案 0 :(得分: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对象中