Wie aktualisiert man die Datentabellen ständig, wenn sich Datensätze in der Datenbank ändern, eine WebSockets oder Long Polling Implementierung

Question

Ich verwende Datatables als meine Grid auf einer Webapp. Das Problem ist, der Benutzer muss die Seite immer aktualisieren, um die aktuellen Daten aus der Datenbank zu bekommen, gibt es eine Möglichkeit, dies automatisch zu tun? weil mehrere Apps in dieselbe Tabelle schreiben und die Webapp nur zur Überwachung dient, aber den Zweck übertrifft, wenn der Benutzer die Seite aktualisieren muss, um die aktuellen Daten zu erhalten. hier ist mein Code für die Initialisierung:

$('.{{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 
       ] 

     }); 

ist es eine Möglichkeit, die Liste selbst jedes Mal alles sein kann Aktualisierung (UPDATE/INSERT/DELETE) passiert mit der Datenquelle? Ich habe eine Schleife implementiert, wie Danny vorgeschlagen,

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

aber das Problem ist, dass die Liste ist immer ein lustiger Zustand, siehe attatched Bild

Answer 1

Sie könnten eine Ajax-Anforderung, die auf einer Schleife passiert, durch einen Intervall-Timer, der prüft, ob es neue Daten gibt, seit die Seite zuletzt etwas erhalten hat. Sie müssen herausfinden, was Sie verwenden könnten, um festzustellen, wie die Anzahl der Datensätze oder einen dedizierten Datensatz, der eine Datetime der letzten Aktualisierung/add/delete enthält und wenn die Datetime neu ist, dann wenn die Daten zuletzt gegriffen wurden Auf der Seite würden Sie die Datetime der letzten Datenaktualisierung in einer JavaScript-Variablen aufzeichnen/aktualisieren, um sie bei allen zukünftigen Prüfungen zu verwenden.