0

Me salen estos errores no me deja ver todos los datos en la tabla. pero sí en JSON

ESTO SÍ FUNCIONA POR SEPARADO

 <?php

$db_host = "localhost";
$db_user = "root";
$db_pass = "";
$db_name = "mva_colegio";

$conectahugo = new mysqli($db_host, $db_user, $db_pass, $db_name);



$sql = "SELECT * FROM mva_servicios  WHERE estado_p = 1 ORDER BY  id_prod DESC;";
$resultado = mysqli_query($conectahugo, $sql);

//si no hay reultado imprimimos que diga error
if (!$resultado) {
    die('Error no hay datos');
}else{
    while ($data = mysqli_fetch_assoc($resultado)) {
        $arreglo["data"][]= $data;
    }
//pasamos los datos json
    echo json_encode($arreglo);
}

mysqli_free_result($resultado);


mysqli_close($conectahugo);


?>

esto si funciona , pero esto no , ¿ Cuál será el error ?

 <table id="dataalumnos" class="table table-hover">  
    <thead bgcolor="#eeeeee" align="center">
        <tr>
            <th>Carné</th>
            <th>Alumno </th>
            <th>Dirección </th>
            <th>Tel</th>
            <th>Encargado </th>
            <th>Registrado</th>
            <th class="text-center"> Acciones </th> 
        </tr>
   </thead>
 </table>
      </div> </div>
     </div>
 </div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>  
<script src="datatables/js/jquery.dataTables.min.js"></script>
<script src="datatables/js/dataTables.bootstrap.min.js"></script>

    <script>


    var listar = function(){
        var table = $("#dataalumnos").DataTable({

            "ajax":{
                "method":"POST",
                "url":"listar_servicios.php"
            },
            "columns":[
                {"data":"id_prod"},
                {"data":"descripcion_p"},
                {"data":"tipo_p"},
                {"data":"precio_p"},
                {"data":"estado_p"}
            ]
        });
    }


</script>



    <script>
        $(document).ready(function(){
            listar();
    $('#dataalumnos').DataTable({
        language: {
            "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"
    }
        }
    });
});


    </script>





</body>
</html>

¿Cuál será el Error ?

4
  • El error es que estas instanciando $("#dataalumnos").DataTable({}) dos veces, por que ?? el 28 nov. 2017 a las 22:57
  • yo soy nuevo en esto, vi un video de como hacer la paginacion con jquery y luego estoy haciendo un listar con ajax viendo video, como lo debo hacer... me puedes ayudar, como deberia quedar el codigo sin que me salga error..
    – Carlos
    el 28 nov. 2017 a las 23:01
  • Te he publicado una respuesta si tienes dudas con gusto las resolveré, espero te funcione el 28 nov. 2017 a las 23:06
  • lo copie todo tal cual como me lo publicaste... pero ahora me salie un alert con esto: ** DataTables warning: table id=dataalumnos - Ajax error. For more information about this error, please see datatables.net/tn/7**
    – Carlos
    el 28 nov. 2017 a las 23:14

1 respuesta 1

0

El error te indica básicamente que estas instanciando dos veces DataTable a la misma tabla, entonces para solucionar esto puedes intentar haciendo un único script de esta manera:

<script>

$(document).ready(function(){
    listar();

    function listar(){
        var table = $("#dataalumnos").DataTable({
            language: {
                "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"
                }
            },
            "ajax":{
                "method":"POST",
                "url":"listar_servicios.php"
            },
            "columns":[
                {"data":"id_prod"},
                {"data":"descripcion_p"},
                {"data":"tipo_p"},
                {"data":"precio_p"},
                {"data":"estado_p"}
            ]
        });
    }
});

</script>
8
  • 1
    si funciona gracias muchas gracias que Dios te Bendiga...
    – Carlos
    el 28 nov. 2017 a las 23:22
  • Me alegra que funcionara, como resolviste el error que te salió de AJAX ? Qué era ? el 28 nov. 2017 a las 23:26
  • 1
    de ultimo tu codigo bien, pero yo tenia el listar_servicios.php en otra carpeta. y solo le configure la direccion de la carpeta donde estaba. Gracias. Bendiciones. =)
    – Carlos
    el 28 nov. 2017 a las 23:29
  • Hola hola Camilo... una pregunta con este código, te cuento que yo hago un insert por ajax pero no me muestra los datos, si ingresan a la BD pero hasta que recargo la la pag, me muestra misdatos, que me aconsejas que debo hacer.
    – Carlos
    el 5 dic. 2017 a las 16:19
  • Hola @Carlos como estás haciendo el insert ? método convencional o ajax ? el 5 dic. 2017 a las 16:19

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.