Skip to main content
2 de 3
se añadieron 1432 caracteres en el cuerpo
ffflabs
  • 23k
  • 28
  • 50

La respuesta que recibes del backend es un objeto de la forma

{
 todas_calls: [
   {calldate:"2018-06-01", financiera: "Los 3 chanchitos"},
   {calldate:"2018-06-02", financiera: "La deuda"}
 ]
}

Vale decir, tienes que iterar no sobre data sino sobre data.todas_calls:

Supongamos que extraes el procesamiento a una función dibujaTabla

function dibujaTabla(data) {
  var html = '';
  data.todas_calls.forEach(function(fila) {
     html += '<tr>' +
             '<td>' + filas.calldate + '</td>' +
             '</tr>';         
  });
  $('#reg_tabla').html(html);
}
...
 success: function(data) {
   dibujaTabla(data);
 });

Hagamos un ejemplo con una respuesta explícita:

function dibujaTabla(data) {
  var html = '';
  data.todas_calls.forEach(function(fila) {
    html += '<tr>' +
      '<td>' + fila.accountcode + '</td>' +
      '</tr>';
  });
  $('#reg_tabla').html(html);
}

var respuesta = {
  todas_calls: [{
      accountcode: "financiera1",
      billsec: 5,
      calldate: "2018-05-01 08:46:43",
      duration: 25
    },
    {
      accountcode: "financiera2",
      billsec: 45,
      calldate: "2018-05-02 14:46:43",
      duration: 38
    },
    {
      accountcode: "financiera3",
      billsec: 8,
      calldate: "2018-05-04 08:56:43",
      duration: 45
    },
    {
      accountcode: "financiera4",
      billsec: 15,
      calldate: "2018-05-05 18:46:43",
      duration: 15
    }
  ]
};

dibujaTabla(respuesta);
#reg_tabla {
border:1px solid;
}

#reg_tabla td {
border:1px solid;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="reg_tabla">

</table>

ffflabs
  • 23k
  • 28
  • 50