[SOLUCIONADO] peticiones al servidor

[gylle05]

Buena amigos..espero que esten todos bien....les comento mi inquietud...estoy trabajando con jquery ajax y php....tengo una tabla con afiliados de unos 20 mil registros....lo que hago es en cuanto abre la pagina hago la petición por ajax, y traigo todos los registros y los almaceno en una datatable y luego busco a la persona que necesito, lo cual me tarda unos 15 segundos y mi pagina queda bloqueada, y es lo que yo no quiero que pase...quiero que el usuario siga viendo llnando datos por ejemplo, mientras por de bajo se carga mi datatable...y si lo necesita lo abre....o se petición en segundo plano pero que no corte la ejecución de mi pagina.. gracias

[ArturoGallegos]

Una peticion AJAX, nunca bloquea el flujo del sitio web salvo que este dependa de la respuesta,

Por ende asumo que es de suma importancia y los 15 segundos te estan matando el interes del usuario.

Lo que tienes que hacer es optimizar el o los procesos de tu servidor, es mucho tiempo de espera, lastimosamente no muestras nada de codigo asi que no se te puede ayudar en absolutamente nada

[gylle05]

Bien te muestro

Código Javascript:

$.post("./modulos/buscarAfiliado.php", parametros, function(response){
    $("#Mytable").html('');
                 
    if (response != null){ 
        $("#Mytable").append(`<thead>
            <tr>
                <th>Id</th>
                <th>Afiliado</th>
                <th>Dni</th>  
                <th>Domicilio</th>                 
            </tr>
        </thead><tbody>`); 
                     
        $.each(JSON.parse(response), function(i, value){
            $("#Mytable").append(`<tr onclick="AbrirDeuda(${value.idpagador},'${value.nombre}')">
                <td>${value.idpagador}</td>
                <td> ${value.nombre}</td>
                <td>${value.dni}</td>
                <td>${value.domicilio}</td>
            </tr>`);
        });
 
        $("#Mytable").append(`</tbody>`);
                     
        var table = $('#Mytable').DataTable({
            "destroy": true,
            //"oSearch": {"sSearch": ""},
            language: {
                "decimal": "",
                "emptyTable": "No hay información",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ Entradas",
                "infoEmpty": "Mostrando 0 to 0 of 0 Entradas",
                "infoFiltered": "(Filtrado de _MAX_ total entradas)",
                "infoPostFix": "",
                "thousands": ",",
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "loadingRecords": "Cargando...",
                "processing": "Procesando...",
                "search": "Buscar:",
                "zeroRecords": "Sin resultados encontrados",
                "paginate": {
                    "first": "Primero",
                    "last": "Ultimo",
                    "next": "Siguiente",
                    "previous": "Anterior"
                }
            }, 
        });
    }
});
 

ese codigo se ejecuta al inciar mi pagina, y hasta que ese codigo no craga todo en el datatable, el usaurio no puede ir llenando un input por ejemplo.

[Alexis88]

Como te explicaron, una petición asíncrona no causa el efecto que mencionas dado que se ejecuta en paralelo a las acciones que en la capa de presentación sigue efectuando el usuario. Por otro lado, en el código que muestras no se observa ninguna instrucción que habilite campos de texto, por lo cual deduzco que el problema se encuentra en otra parte. Por último, lo que te sugirieron acerca de la optimización se refiere a la capa de negocios, o sea, en el lado del servidor que es en donde se realiza la búsqueda de datos.

Trata de ubicar las instrucciones que mantienen inhabilitados los campos de texto a los que aludes para que puedas anular dicha funcionalidad.

[ArturoGallegos]

por tu codigo me estoy imaginando que estas cargando los 20 mil registros de un tirón aunado a que tu sitio depende de los datos impresos mediando javascript.

Si es el caso tu problema es de lógica, tienes que obtener los registros en pequeñas cantidades.

digamos carga 20 y cuando se requiera otros 20, ve calando la cantidad 20, 50, 100, 150, hasta 500 como máximo, no veo la necesidad de cargar mas datos si el usuario no los requiere.


Si son indispensables los 20 mil, imprimelos desde servidor y usa sistemas de cache

[gylle05]

Muchas gracias por sus respuestas, en realidad quería aprovechar las virtudes del datatable de jquery, por eso quería cargar todo de una vez y luego hacer búsquedas directamente sobre el datatable o sea hago una sola vez la consulta sobre la base de datos. quizas mi problema esta en el datatable...o quizás debo cambiar de lógica como me lo indicaron...gracias...

[ArturoGallegos]

Es una pesima idea cargar todo de un tiron y casi seguro no vas a encontrar forma de solventarlo, tanto en la carga de trabajo para el servidor como el tamaño en KB de la respuesta que recibes es demasiado para procesarlo en poco tiempo.

mira la documentacion de DataTable
https://datatables.net/examples/index

Tiene un apartado de AJAX quizas te sirva

[gylle05]

Perfecto...gracias totales....han sido de mucha ayuda.