jquery - tiempo - cómo actualizar constantemente las tablas de datos cuando cambian los registros en la base de datos, un websockets o una implementación larga de sondeo

websocket javascript

Question

Estoy usando datatables como mi grilla en una aplicación web. El problema es que el usuario debe actualizar la página siempre para obtener los datos actuales de la base de datos, ¿hay alguna manera de hacerlo automáticamente? porque varias aplicaciones escriben en la misma tabla y la aplicación web es solo para monitorear, pero supera el objetivo si el usuario tiene que actualizar la página para obtener los datos actuales. aquí está mi código de inicialización:

  $(''.{{datatable[''class'']}}'').dataTable( {
                "sDom": ''T<"clear">lfrtip'',
                "oTableTools": {
                    "sSwfPath": "includes/swf/copy_csv_xls_pdf.swf",                
                    "aButtons": [
                         { 
                             "sExtends":"copy",
                             "mColumns":[{{datatable[''flds'']}}]
                         },
                         {   
                             "sExtends":"csv",
                             "mColumns":[{{datatable[''flds'']}}]
                         },

                         {
                             "sExtends":"xls",
                             "mColumns":[{{datatable[''flds'']}}]
                         },                         
                         {
                            "sExtends": "pdf",
                            "mColumns":[{{datatable[''flds'']}}],
                            "sPdfOrientation": "landscape",
                            "sPdfMessage": "{{datatable[''title'']}}"
                         }
                    ]
                    },        
                "bProcessing": true,
                "bServerSide": true,
                "sAjaxSource": "{{datatable[''source'']}}",
                "aoColumns": [          
                        {% for column in 0..datatable[''columns'']-2 %}
                        null,
                        {% endfor %}
                        null
                ]

        });

¿Hay alguna manera de que la lista se actualice cada vez que sucede algo (ACTUALIZAR / INSERTAR / ELIMINAR) a la fuente de datos? he implementado un ciclo como Danny sugirió,

var int=self.setInterval(function(){oTable.fnDraw();},1000);

pero el problema es que la lista siempre es un estado divertido, ver la imagen adjunta

Answer 1

Podría tener una solicitud de ajax que ocurra en un bucle mediante un temporizador de intervalo que compruebe si hay datos nuevos desde que la última página recibió algo. Debería averiguar qué podría usar para determinar el número de registros o un registro dedicado que contenga una fecha y hora de la última actualización / agregar / eliminar, y si la fecha y hora es más reciente, cuando se tomaron por última vez, actualícela nuevamente, etc. En la página, debe registrar / actualizar la fecha y hora de la última actualización de datos en una var de javascript para usar en todas las comprobaciones futuras.