Hola tengo un problema al llenar una tabla me sale undefined al querer mostrar los datos el que arroja el json en la tabla...
El json que tengo es el siguiente
{
"calificaciones": {
"1": {
"nombre_materia": "Matematicas ",
"semestre": "1",
"par1": "9",
"par2": "7",
"par3": "8",
"calif_final": "6"
},
"2": {
"nombre_materia": "INFORMÁTICA I",
"semestre": "1",
"par1": "9",
"par2": "8",
"par3": "5",
"calif_final": "6"
}
},
"promedio_final": "6.20",
"promedio_p1": 12,
"promedio_p2": 11.8,
"promedio_p3": 8.8
}
La tabla html que tengo es la siguiente la cual lleno con el json y en la cual el body sale undefined
<table id="table" class="table">
<thead>
<tr>
<th>Materia</th>
<th>Semestre</th>
<th>Parcial 1</th>
<th>Parcial 2</th>
<th>Parcial 3</th>
<th>Calificacion Final</th>
</tr>
</thead>
<tbody id="tbodyProducto">
</tbody>
El ajax que utilizo para llenar el body de la tabla es el siguiente creo que es el equivocado pero no se en que parte me e equivocado ya que en la consola me arroja el json donde si lo va a traer a la url
$.ajax({
url: 'calificaciones.php',
type: 'POST',
dataType: 'json',
data: {matricula: '112020',ciclo:'2018-2019'},
success: function(response) {
var valor = '<tr>' +
'<td>' + response.calificaciones.nombre_materia + '</td>' +
'<td>' + response.calificaciones.semestre + '</td>' +
'<td>' + response.calificaciones.parcial1 + '</td>' +
'<td>' + response.calificaciones.parcial2 + '</td>' +
'<td>' + response.calificaciones.parcial3 + '</td>' +
'<td>' + response.calificaciones.calif_final + '</td>' +
'</tr>';
$("#tbodyProducto").html(valor);
}
});
calificaciones.php
pues en él no debe haber ninguna salida por pantalla que no sea el JSON. Ese error hace pensar que estás imprimiendo otras cosas.