0

No puedo cargar la información de un JSON en mi tabla. Al obtener información a través de Ajax con DataTables me indica el error:

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

Archivos usados:

conexión.php, archivo donde se realiza la consulta a la base de datos

<?php
require 'config.php';


class conexion
{
    private $db_conexion;

    public function __construct()
    {
        try {
            $base = new PDO("mysql:host=localhost;dbname=usuario;charset=utf8", "root", "root");
            echo "Conexion establecida con el servidor " . $base->setAttribute(PDO::ATTR_CONNECTION_STATUS);
            return $this->db_conexion = $base;

        } catch (Exception $e) {
            echo "Error al conctar con la base de datos" . $e->getMessage();
        }
    }

    public function getConextion()
    {
        return $this->db_conexion;
    }
}

class getList
{
    private $list;

    public function __toString()
    {
        return $this->list;
    }

    public function __construct(conexion $con)
    {
        $conexion = $con->getConextion();
        $statement = $conexion->prepare("SELECT * FROM usuario WHERE estado = 1 ORDER BY idusuario desc;");
        $statement->execute();

        if($statement){
            $data ['data']= $statement->fetchAll(PDO::FETCH_ASSOC);
            return $this->list = json_encode($data);
        }

    }
}


echo $con = new getList(new conexion());

index.html, se muestran los registros

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Listado de usuarios</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
    <!-- Buttons DataTables -->
    <link rel="stylesheet" href="css/buttons.bootstrap.min.css">
</head>
<body>   
    
<div class="row">
    <div id="cuadro1" class="col-sm-12 col-md-12 col-lg-12">
        <div class="col-sm-offset-2 col-sm-8">
            <h3 class="text-center"> <small class="mensaje"></small></h3>
        </div>
        <div class="table-responsive col-sm-12">
            <table id="dt_cliente" class="table table-bordered table-hover" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>Nombre</th>
                    <th>Apellidos</th>
                    <th>Dni</th>
                    <th></th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>


<script src="js/jquery-1.12.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.js"></script>
<!--botones DataTables-->
<script src="js/dataTables.buttons.min.js"></script>
<script src="js/buttons.bootstrap.min.js"></script>
<!--Libreria para exportar Excel-->
<script src="js/jszip.min.js"></script>
<!--Librerias para exportar PDF-->
<script src="js/pdfmake.min.js"></script>
<script src="js/vfs_fonts.js"></script>
<!--Librerias para botones de exportación-->
<script src="js/buttons.html5.min.js"></script>

<script>
    $(document).on("ready", function(){
        listar();
    });

    var listar = function(){
        var table = $('#dt_cliente').DataTable({
            'ajax':{
                'method':'POST',
                'url':'conexion.php'
            },
            'columns':[

                {'data':'nombre'},
                {'data':'apellidos'},
                {'data':'dni'}
            ]

        })
    }


</script>
</body>
</html>

Al ejecutar echo $con = new getList(new conexion()); me muestra:

Conexion establecida con el servidor {"data":[
  {"idusuario":"22","nombre":"Carlos","apellidos":"\u00c1valos","dni":"26859103","estado":"1"},
  {"idusuario":"21","nombre":"Marco","apellidos":"Cordova","dni":"46851298","estado":"1"},
  {"idusuario":"20","nombre":"Violeta","apellidos":"Abarca","dni":"27416589","estado":"1"},
  {"idusuario":"16","nombre":"Almendra","apellidos":"Abarca","dni":"53127854","estado":"1"},
  {"idusuario":"15","nombre":"Daniel","apellidos":"Abarca","dni":"14851204","estado":"1"},
  {"idusuario":"13","nombre":"Yoshi","apellidos":"Takeuchi","dni":"45126355","estado":"1"},
  {"idusuario":"12","nombre":"Alejandra","apellidos":"Abarca","dni":"49856321","estado":"1"},
  {"idusuario":"7","nombre":"William","apellidos":"Duran","dni":"47806512","estado":"1"},
  {"idusuario":"6","nombre":"Benita","apellidos":"\u00c1vila","dni":"15234871","estado":"1"},
  {"idusuario":"5","nombre":"Geovanny","apellidos":"R\u00edos","dni":"47859612","estado":"1"},
  {"idusuario":"4","nombre":"Amelia","apellidos":"Abarca","dni":"25123653","estado":"1"},
  {"idusuario":"3","nombre":"Jorge","apellidos":"R\u00edos","dni":"22526385","estado":"1"},
  {"idusuario":"2","nombre":"Petter","apellidos":"R\u00edos","dni":"49051200","estado":"1"},
  {"idusuario":"1","nombre":"Angelo","apellidos":"Uriol","dni":"48125800","estado":"1"}
]}
5
  • Hola. Te recomiendo sustituir las imagenes por el texto correspondiente y tambien como nota, en vez de usar negrita para los nombres de archivos, variables o linea puntual de codigo, usar el backtick " ` " . Un saludo
    – lois6b
    el 2 mar. 2017 a las 7:31
  • 1
    prueba esto: datatables.net/reference/option/ajax.dataSrc el 2 mar. 2017 a las 10:08
  • Por qué dice "conexión establecida con el servidor"? Eso aparece textual en alguna parte?
    – ffflabs
    el 2 mar. 2017 a las 13:21
  • amigo gracias por comentar, eso tenia definido en la clase constructor, di tantas vueltas el asunto para darme cuenta que la linea echo "Conexion establecida con el servidor " . $base->setAttribute(PDO::ATTR_CONNECTION_STATUS); era lo que evitaba que mi tabla cargase los datos. el 2 mar. 2017 a las 15:47
  • Voy a ponerlo como respuesta para ayudar a un potencial usuario que venga con la misma duda.
    – ffflabs
    el 2 mar. 2017 a las 17:23

1 respuesta 1

3

El error está en que estás escribiendo una cadena de texto en duro:

 echo "Conexion establecida con el servidor " . $base->setAttribute(PDO::ATTR_CONNECTION_STATUS);

Luego, la salida del json empieza con esa cadena:

Conexion establecida con el servidor {"data":[...]}

Esa cadena no es un json válido.

La solución es quitar el texto en duro y dejar el setAttribute solo.

$base->setAttribute(PDO::ATTR_CONNECTION_STATUS);

De manera que la salida sea

 {"data":[...]}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.