[SOLUCIONADO] DataTables - Se queda "cargando"

[matiri90]

Buenas.. Tengo un problema..
Voy a dejar el codigo..
El problema es que cuando no tengo ningun elemento, ahi es el problema.. O sea, el json=null.. Cuando tengo elementos los muestra perfecto..

Donde dice

"lenguage":idiomaEspanol
Voy a dejar ese codigo tambien

Lo veo desde el network en firefox, se queda cargando..
Sin mas, dejo los codigos. Gracias


JAVASCRIPT

Código Javascript:

var listar = function(){
                $("#cuadro2").slideUp("slow");
                $("#cuadro1").slideDown("slow");
                var table = $("#tablaCliente").DataTable({
                    "destroy":true,
                    "ajax":{
                        "method":"POST",
                        "url": "listarCliente.php"
                    },
                    //Para que no se ordene
                    "ordering": false,
                    "iDisplayLength": 10,
                    "columns":[
                        {"data":"apellidoCliente"},
                        {"data":"nombreCliente"},
                        {"data":"emailCliente"},
                        {"data":"telefonoCliente"},
                        {"data":"direccionCliente"},
                        {"data":"localidadCliente"},
                        {"defaultContent": "<button type='button' class='editar btn btn-primary'><i class='icon-mode_edit'></i></button> <button type='button' class='eliminar btn btn-danger' data-toggle='modal' data-target='#modalEliminar' ><i class='icon-delete'></i></button>"}
                    ],
                    "language" : idiomaEspanol,
                    "dom" : "Bfrtip",
                    "buttons":[
                        {
                            text: "<i class='fa fa-user-plus'></i>",
                            tittleAttr: "Agregar Cliente",
                            className: 'btn btn-success',
                            "action":function(){
                                agregarNuevoCliente();
                            
                        }
                    }
                    ]
                });
                obtenerDataEditar("#tablaCliente tbody", table);
                obtenerIdEliminar("#tablaCliente tbody", table);
            }
 

PHP

Código PHP:

<?php 
 
    $hostName = "localhost";
    $userName = "root";
    $userPass = "root1234";
    $DBName   = "skabio";
    try{
        $connect = new PDO("mysql:host=$hostName;dbname=$DBName",$userName,$userPass);
    }catch(PDOException $e){
        echo "Connection Fail".$e->getMessage();
    }
 
    $query = "SELECT * FROM cliente WHERE activoCliente=1 ORDER BY idCliente";
    $stmt = $connect->prepare($query);
    $stmt->execute();
    
    if(!$stmt){
        die("ERROR");
    }else{
        while($data = $stmt->fetchAll(PDO::FETCH_ASSOC)){
            $arreglo["data"]= $data;
        }
        echo json_encode($arreglo);
    }
 
 ?>
 

"lenguage":idiomaEspanol

Código Javascript:

var idiomaEspanol = {
                
                "sProcessing":     "Procesando...",
                "sLengthMenu":     "Mostrar _MENU_ registros",
                "sZeroRecords":    "No se encontraron resultados",
                "sEmptyTable":     "Ningún dato disponible en esta tabla",
                "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                "sInfoPostFix":    "",
                "sSearch":         "Buscar:",
                "sUrl":            "",
                "sInfoThousands":  ",",
                "sLoadingRecords": "Cargando...",
                "oPaginate": {
                    "sFirst":    "Primero",
                    "sLast":     "Último",
                    "sNext":     "Siguiente",
                    "sPrevious": "Anterior"
                },
                
                "oAria": {
                    "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                }
            }
 

Queria agregar que..
La traduccion al español es perfecta..

Solo que no me toma la lista como vacia..
Dice cargando y nada mas..

En network aparece en response "null"..
Y con ello deberia mostrar el msj que dice de EmptyTable..

Eso es lo raro..

Si alguien me puede dar una mano seria espectacular.. Muchas gracias!. Saludos..

[Triby]

3 Cosas:

1. Si no hay respuestas puedes editar tu mensaje en lugar de agregar otro.

2. Desconozco cómo funciona DataTables, pero imagino que deberá tener opción para agregar funciones de éxito (success) y error, de forma que puedas analizar qué está pasando.

3. Deberías ser más específico en cuanto al NULL que obtienes en la pestaña de Red, si te refieres a que no pudo abrir la URL o eso fue lo que devolvió PHP, que, por cierto... dónde defines $arreglo? y, de paso, en caso de encontrar algo, siempre devolverá una sola fila, porque en cada iteración sobreescribes $arreglo['data']

[matiri90]

Triby, muchas gracias por responder.. Era un error simple.. Estaba usando mal la funcion.. Es cierto que la va sobreescribiendo.. Muchisimas gracias..

3. Deberías ser más específico en cuanto al NULL que obtienes en la pestaña de Red, si te refieres a que no pudo abrir la URL o eso fue lo que devolvió PHP, que, por cierto... dónde defines $arreglo? y, de paso, en caso de encontrar algo, siempre devolverá una sola fila, porque en cada iteración sobreescribes $arreglo['data']

Dejo la solucion..

Código PHP:

if(!$stmt){
        die("ERROR");
    }else{
        
        $data = $stmt->fetchAll(PDO::FETCH_ASSOC);
        $arreglo["data"]= $data;
        
        echo json_encode($arreglo);
    }