Bootstrap-Tabelle aktualisieren

Question

Ich verwende Bootstrap-Tabelle, um Daten von meinem MongoDB anzuzeigen, mit einer Mongoid-Abfrage. Ich möchte den Tisch im Abstand von 5 Minuten auffrischen. Ich habe die Dokumentation gelesen, aber ich bin neu in Javascript, ich bin nicht sicher, wie dies zu erreichen ist - ob ein Ajax Anruf oder nur eine setTimeout() Funktion, etc.

Dies ist meine Tabelle code:

<table id="table" data-show-refresh="true" data-row-style="rowStyle" data-toggle="table" data-url="http://maccdx160121:4567/api/v1/currentsat*"> 
    <thead> 
     <tr> 

      <th data-field="initials">Initials</th> 
      <th data-cell-style="cellStyle" data-field="sector">Sector</th> 
      <th data-field="cjs">CJS</th> 


     </tr> 
    </thead> 
</table> 

Das ist meine Mongoid Abfrage, wenn es hilft:

get '/currentsat*' do 

    #SatTransaction.where(current: true, :initials.ne => nil, :position.in => ["RDR", "SPVR", "OJI"]).to_json 
    SatTransaction.where(current: true, :shift_duration.ne => 0,).and(SatTransaction.or({:position.in => ["SPVR", "RDR", "OJI"]},{sector: "BREAK"}).selector).to_json 


    end 



end 

before do 
    cache_control :no_cache 
end 

def with_captured_stdout 
    old_stdout = $stdout 
    $stdout = StringIO.new('', 'w') 
    yield 
    $stdout.string 
ensure 
    $stdout = old_stdout 
end 

Danke für jede Hilfe !!

Answer 1

Ich glaube, Sie die Tabelle entfernen und neu erstellen:

setInterval(function(){ 
    $('#table').remove(); 
    $('#Table_Parent').append(Table_Html); 
}, 5000); 

Answer 2

Ich glaube, Sie brauchen die beides zu tun. Sie müssen die Daten vom Server mit Ajax abrufen und dann erneut in die Datentabelle laden.

Nur das Aktualisieren der Datentabelle wird nur die Daten neu laden, was Sie in Ihrem html haben, aber Sie müssen aktualisieren, weil es die geänderten Daten neu lädt.

als @Farzin Kanzi Code innerhalb der eingestellten Zeit machen aus dem Anruf Ajax und lädt mit Serverdaten

setInterval(function(){ 
    $.ajax(
    ... 
    success(response) { 
     Table_Html = resopnse 
    } 
    ) 
    $('#table').remove(); 
    $('#Table_Parent').append(Table_Html); 
}, 5000);