[英]Displaying nested json in an HTML table using ajax
I have the following json data as an example below. 我有以下json数据作为示例。 However, I could not get it to be displayed in an html table.However, it only returns 3 columns which displays "undefined". 但是,我无法将其显示在html表中。但是,它仅返回3列,显示“未定义”。 How do I properly access my json data? 如何正确访问json数据?
{
"count": 3,
"entries": [
{
"affiliation": "Establishment1",
"city": "City1",
"code": "Code1",
"contact": "Contact1",
"firstname": "firstname1",
"lastname": "lastname1",
"middleinitial": "middleinitial1"
},
{
"affiliation": "Establishment2",
"city": "City2",
"code": "Code2",
"contact": "Contact2",
"firstname": "firstname2",
"lastname": "lastname2",
"middleinitial": "middleinitial2"
},
{
"affiliation": "Establishment3",
"city": "City3",
"code": "Code3",
"contact": "Contact3",
"firstname": "firstname3",
"lastname": "lastname3",
"middleinitial": "middleinitial3"
},
],
"status": "ok"
}
I have tried doing this to display it in an html table: 我试图这样做以将其显示在html表中:
$(document).ready(function () {
$.getJSON('http://127.0.0.1:5000/counselorss', function (data) {
var mdata = '';
$.each(data, function (key, value) {
mdata += '<tr>';
mdata += '<td>'+value.lastname + '</td>';
mdata += '<td>'+value.firstname + '</td>';
mdata += '<td>'+value.middleinitial + '</td>';
mdata += '<td>'+value.contact + '</td>';
mdata += '<td>'+value.affiliation + '</td>';
mdata += '<td>'+value.city + '</td>';
mdata += '<td>'+value.code + '</td>';
mdata += '</tr>';
});
$('#counselorstable').append(counselor_data);
});
});
Try this one: 试试这个:
$(document).ready(function () {
$.getJSON('http://127.0.0.1:5000/counselorss', function (data) {
var mdata = '';
data = JSON.parse(data);
$.each(data['entries'], function (key, value) {
mdata += '<tr>';
mdata += '<td>'+value.lastname + '</td>';
mdata += '<td>'+value.firstname + '</td>';
mdata += '<td>'+value.middleinitial + '</td>';
mdata += '<td>'+value.contact + '</td>';
mdata += '<td>'+value.affiliation + '</td>';
mdata += '<td>'+value.city + '</td>';
mdata += '<td>'+value.code + '</td>';
mdata += '</tr>';
});
$('#counselorstable').append(counselor_data);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.