0

Não consigo achar o erro, simplesmente não populo a tabela:

ERRO

DataTables warning: table id=TabEvolucao - Invalid JSON response. For more information about this error, please see http://datatables.net/tn/1

AJAX

$('#TabEvolucao').DataTable({
    "processing" : true,        
    "ajax" : {
        "type" : "POST",
        "url" : "estrutura/tabevolucao.php",
        dataSrc : '',
        "data" : function(d){d.idcliente = 127;}
    },
    "columns" : [   {"data" : "id"}, 
                    {"data" : "data"}, 
                    {"data" : "descricao"},
                    {"data" : "nome"},
                    {"data" : "ativo"}
                ],      
    "aaSorting": [[1,'asc']],
     "iDisplayLength": 7,
     "bFilter": true,
     "aaSorting": [[1,'asc']],              
    "language": {               
        "sEmptyTable": "Nenhum registro encontrado",
        "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
        "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
        "sInfoFiltered": "(Filtrados de _MAX_ registros)",
        "sInfoPostFix": "",
        "sInfoThousands": ".",
        "sLengthMenu": "_MENU_ resultados por página ",
        "sLoadingRecords": "Carregando...",
        "sProcessing": "Processando...",
        "sZeroRecords": "Nenhum registro encontrado",
        "sSearch": "Pesquisar",
        "oPaginate": {
            "sNext": "Próximo",
            "sPrevious": "Anterior",
            "sFirst": "Primeiro",
            "sLast": "Último"
            },
        "oAria": {
            "sSortAscending": ": Ordenar colunas de forma ascendente",
            "sSortDescending": ": Ordenar colunas de forma descendente"
            }
        }   

});

PHP

    <?php include("../includes/config.php");

if ($_POST)
{
    $id = (int) $_POST['idcliente'];

    if ($_POST['acao'] == 'select' && is_int($id))
    {
        $select = "select E.id,E.data,E.descricao,U.nome,E.ativo FROM evolucao as E ";
        $select .= "inner join usuarios as U on (U.id=E.id_usuario) WHERE E.id = ".$id;
        $rs = $con->prepare($select);           
        if($rs->execute())
        {
            if($rs->rowCount() > 0)
            {
                $data = array();
                while($row = $rs->fetch(PDO::FETCH_OBJ))
                {
                    $data[] = array('success' => '1',
                                    'id' => $row->id,
                                    'data' => $row->data,
                                    'descricao' => $row->descricao,
                                    'nome' => $row->nome,
                                    'ativo' => $row->ativo,
                                    'msg' => 'Tudo certo!'
                                );
                }
            }
        }
    }
}
else
{
    $data = array('success' => '0', 'msg' => 'Ocorreu um erro, não achamos nada!');
}    
echo json_encode($data);    

ERRO

DataTables warning: table id=TabEvolucao - Invalid JSON response. For more information about this error, please see http://datatables.net/tn/1

3 Respostas 3

0

Tem problemas no retorno do seu código, na variável $data não está retornando um array somente o último item:

<?php include("../includes/config.php");

if ($_POST)
{
    $id = (int) $_POST['idcliente'];

    if ($_POST['acao'] == 'select' && is_int($id))
    {
        $select = "select E.id,E.data,E.descricao,U.nome,E.ativo FROM evolucao as E ";
        $select .= "inner join usuarios as U on (U.id=E.id_usuario) WHERE E.id = ".$id;
        $rs = $con->prepare($select);           
        if($rs->execute())
        {
            if($rs->rowCount() > 0)
            {
                $data = array();
                while($row = $rs->fetch(PDO::FETCH_OBJ))
                {
                    $data[] = array('success' => '1',
                                    'id' => $row->id,
                                    'data' => $row->data,
                                    'descricao' => $row->descricao,
                                    'nome' => $row->nome,
                                    'ativo' => $row->ativo,
                                    'msg' => 'Tudo certo!'
                                );
                }
            }
        }
    }
}
else
{
    $data = array('success' => '0', 'msg' => 'Ocorreu um erro, não achamos nada!');
}    
echo json_encode($data);    

basicamente a útlima linha echo json_encode($data); tem que retornar um array na seguinte estrutura:

[
    {
        "success":'1',
        "id": 1,
        "data": "1999-01-01", ...
    },
    {
        "success":'1',
        "id": 2,
        "data": "1999-01-05", ...
    }
]

para que o DataTables consiga carregar os dados, um ouro problema também encontrado é no javascript onde você reformata o dado, sem necessidade e também o dado deve vir pronto do PHP, então retire aquela função do dataSrc que no PHP já foi enviado o dado corretamente:

$('#TabEvolucao').DataTable({
        "processing" : true,        
        "ajax" : {
            "type" : "POST",
            "url" : "data.php",
            dataSrc : ''
        },
        "columns" : [   {"data" : "id"}, 
                        {"data" : "data"}, 
                        {"data" : "descricao"},
                        {"data" : "nome"},
                        {"data" : "ativo"}
                    ],      
        "aaSorting": [[1,'asc']],
         "iDisplayLength": 7,
         "bFilter": true,
         "aaSorting": [[1,'asc']],              
        "language": {               
            "sEmptyTable": "Nenhum registro encontrado",
            "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
            "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
            "sInfoFiltered": "(Filtrados de _MAX_ registros)",
            "sInfoPostFix": "",
            "sInfoThousands": ".",
            "sLengthMenu": "_MENU_ resultados por página ",
            "sLoadingRecords": "Carregando...",
            "sProcessing": "Processando...",
            "sZeroRecords": "Nenhum registro encontrado",
            "sSearch": "Pesquisar",
            "oPaginate": {
                "sNext": "Próximo",
                "sPrevious": "Anterior",
                "sFirst": "Primeiro",
                "sLast": "Último"
                },
            "oAria": {
                "sSortAscending": ": Ordenar colunas de forma ascendente",
                "sSortDescending": ": Ordenar colunas de forma descendente"
                }
            }   

    });

Tenho em mente que muitas vezes são erros bobos, então, vou propor ainda um exemplo minimo com um dado fixo sem ajax para que tenha ideia de como funciona:

$('#TabEvolucao').DataTable({
  "processing": true,
  "data": [{"id":1,"descricao":"Tiger Nixon","position":"System Architect","salary":"$320,800","data":"2011\/04\/25","nome":"Edinburgh","extn":"5421","ativo":1},{"id":2,"descricao":"Nixon","position":"Architect","salary":"$450,800","data":"2012\/12\/3","nome":"Edinburgh Peter","extn":"0151","ativo":0}],
  "columns": [{
      "data": "id"
    },
    {
      "data": "data"
    },
    {
      "data": "descricao"
    },
    {
      "data": "nome"
    },
    {
      "data": "ativo"
    }
  ],
  "aaSorting": [
    [1, 'asc']
  ],
  "iDisplayLength": 7,
  "bFilter": true,
  "aaSorting": [
    [1, 'asc']
  ],
  "language": {
    "sEmptyTable": "Nenhum registro encontrado",
    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
    "sInfoPostFix": "",
    "sInfoThousands": ".",
    "sLengthMenu": "_MENU_ resultados por página ",
    "sLoadingRecords": "Carregando...",
    "sProcessing": "Processando...",
    "sZeroRecords": "Nenhum registro encontrado",
    "sSearch": "Pesquisar",
    "oPaginate": {
      "sNext": "Próximo",
      "sPrevious": "Anterior",
      "sFirst": "Primeiro",
      "sLast": "Último"
    },
    "oAria": {
      "sSortAscending": ": Ordenar colunas de forma ascendente",
      "sSortDescending": ": Ordenar colunas de forma descendente"
    }
  }

});
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

<table id="TabEvolucao"></table>

Como descrito na documentação para passar algum paramento adicional para filtros no server side é:

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "scripts/server_processing.php",
            "data": function ( d ) {
                d.myKey = "myValue";
                // d.custom = $('#myInput').val();
                // etc
            }
        }
    } );
} );

no seu caso em especifico na parte do ajax:

$('#TabEvolucao').DataTable({
        "processing" : true,        
        "ajax" : {
            "type" : "POST",
            "url" : "data.php",
            "dataSrc" : "",
            "data" : function(d){
                 d.idcliente = 1; // aqui passe o número desejado.
             }
        },
7
  • Obrigado @Virgilio Novic pela ajuda, mas ainda tem um problema, note que preciso passar um parametro para o php, ja tentei mas igual não esta rolando. Tenho uma fnc que busca esse id "var idcliente = buscarcliente();", Commented 26/02/2018 às 13:04
  • @JeffersonMeireles faltou da uma olhadinha na documentação no link: datatables.net/examples/server_side/custom_vars.html e fiz uma edição para exemplificar!
    – novic
    Commented 26/02/2018 às 13:15
  • não esta, ja tentei usar a documentação, mas algo que estou fazendo de errado. não traz registro, mesmo adicionando um valor fixo no parametro, fiz uma edição Commented 26/02/2018 às 14:20
  • @JeffersonMeireles se você editou não prestou atenção no código que eu coloquei, e outra coisa muitas vezes o problema não dá para ser reproduzido, é um problema local.
    – novic
    Commented 26/02/2018 às 14:22
  • 1
    Tens razão, achei o problema, foi falta de atenção minha. Commented 26/02/2018 às 14:26
0

Não precisa adiconar campo post e sim criar .js para edição dos campos id - colula. O modelo atual DataTable não precisa descriminar todos os campos. Para cada tipo de programação existe um código. Se for PHP não precisa desse comando todo. formata o dado, sem necessidade e também o dado deve vir pronto do PHP, então retire aquela função do dataSrc que no PHP já foi enviado o dado corretamente:

$('#TabEvolucao').DataTable({
        "processing" : true,        
        "ajax" : {
            "type" : "POST",
            "url" : "data.php",
            dataSrc : ''
        },
        "columns" : [   {"data" : "id"}, 
                        {"data" : "data"}, 
                        {"data" : "descricao"},
                        {"data" : "nome"},
                        {"data" : "ativo"}
                    ],      
        "aaSorting": [[1,'asc']],
         "iDisplayLength": 7,
         "bFilter": true,
         "aaSorting": [[1,'asc']],              
        "language": {               
            "sEmptyTable": "Nenhum registro encontrado",
            "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
            "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
            "sInfoFiltered": "(Filtrados de _MAX_ registros)",
            "sInfoPostFix": "",
            "sInfoThousands": ".",
            "sLengthMenu": "_MENU_ resultados por página ",
            "sLoadingRecords": "Carregando...",
            "sProcessing": "Processando...",
            "sZeroRecords": "Nenhum registro encontrado",
            "sSearch": "Pesquisar",
            "oPaginate": {
                "sNext": "Próximo",
                "sPrevious": "Anterior",
                "sFirst": "Primeiro",
                "sLast": "Último"
                },
            "oAria": {
                "sSortAscending": ": Ordenar colunas de forma ascendente",
                "sSortDescending": ": Ordenar colunas de forma descendente"
                }
            }   
        });

Tenho em mente que muitas vezes são erros bobos, então, vou propor ainda um exemplo mínimo com um dado fixo sem ajax para que tenha ideia de como funciona:

$('#TabEvolucao').DataTable({
  "processing": true,
  "data": [{"id":1,"descricao":"Tiger Nixon","position":"System Architect","salary":"$320,800","data":"2011\/04\/25","nome":"Edinburgh","extn":"5421","ativo":1},{"id":2,"descricao":"Nixon","position":"Architect","salary":"$450,800","data":"2012\/12\/3","nome":"Edinburgh Peter","extn":"0151","ativo":0}],
  "columns": [{
      "data": "id"
    },
    {
      "data": "data"
    },
    {
      "data": "descricao"
    },
    {
      "data": "nome"
    },
    {
      "data": "ativo"
    }
  ],
  "aaSorting": [
    [1, 'asc']
  ],
  "iDisplayLength": 7,
  "bFilter": true,
  "aaSorting": [
    [1, 'asc']
  ],
  "language": {
    "sEmptyTable": "Nenhum registro encontrado",
    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
    "sInfoPostFix": "",
    "sInfoThousands": ".",
    "sLengthMenu": "_MENU_ resultados por página ",
    "sLoadingRecords": "Carregando...",
    "sProcessing": "Processando...",
    "sZeroRecords": "Nenhum registro encontrado",
    "sSearch": "Pesquisar",
    "oPaginate": {
      "sNext": "Próximo",
      "sPrevious": "Anterior",
      "sFirst": "Primeiro",
      "sLast": "Último"
    },
    "oAria": {
      "sSortAscending": ": Ordenar colunas de forma ascendente",
      "sSortDescending": ": Ordenar colunas de forma descendente"
    }
  }
});
-1

Parceiro o erro não está no datatable e sim na programação inseridas em cada coluna. Puxar os campos por banco de dados é diferente de puxar por modo texto padrão.

Está tentando implantar em php, crud, codeigniter, laravel ou outro. Pdo, python?

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .