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:

[wp-datatable id="modes"]
    paging: false,
    responsible: true,
    search: true,
    stateSave: true,
    scrollX: true,
    ajax: {
          url: "where the json is",
          dataType: 'json',
          cache: false,
          type: 'GET',
         }
 [/wp-datatable]

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:

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