Automatisches Aktualisieren einer mysql-Tabelle mit datatables und ajax

  • Hallo zusammen!


    Ich versuche eine Tabelle mit sich ändernden Werten automatisch aktualisieren zu lassen, ohne die ganze Website neu zu laden. Momentan funktioniert folgendes:


    - Auslesen der Werte aus der externen MySQL-Datenbank mit PHP und Bereitstellung JSON
    - Auslesen der JSON Werte mit AJAX über das Plugin wp-Datatable


    wp-Datatable wird mit folgendem Shortcode aufgerufen und zaubert eine hübsche Tabelle:



    Funktioniert auf Anhieb.


    Problem: Ich möchte einen automatischen Reload alle x Sekunden. Datatables hat dafür eine gut beschriebene Funktion: https://datatables.net/reference/api/ajax.reload()


    Das zweite Beispiel auf der Seite ist exakt das, was ich brauche, also:


    Code
    var table = $('#example').DataTable( {
        ajax: "data.json"
    } );
     
    setInterval( function () {
        table.ajax.reload( null, false ); // user paging is not reset on reload
    }, 30000 );


    Die Frage ist nun: Wo und wie kann ich den Code unterbringen? Im Plugin scheint es so nicht zu gehen. Ich habe auch kein Problem damit, nochmal "extern" irgendwas zu machen, Hauptsache ich kriege die Tabelle automatisch via Ajax aktualisiert.


    Jeglicher Input würde mir sehr helfen.


    Danke und einen schönen Sonntag!


    Julian

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!