PROBLEMA Visualizzare dati aggiornati al secondo (su un sito web) senza refreshare manualmente la pagina

Pubblicità
B4rta

B4rta

Nuovo Utente
Messaggi
12
Reazioni
4
Punteggio
24
Buona sera, vi scrivo per far fronte ad un problema che non riesco a risolvere.
ho creato un DB in cui i dati sono aggiornati al secondo, questi dati vorrei inserirli in una semplice pagina web in grado di effettuare un aggiornamento dei dati in tempo reale.
per fare un esempio: è come voler stampare in una pagina web un orologio che funziona in tempo reale, solo che al posto dell'orologio ho bisogno di
stampare due variabili che si aggiornano ogni secondo senza dover aggiornare la pagina manualmente!

Grazie anticipatamente per la risposta
 
Ultima modifica da un moderatore:
ajax.
Chiami ogni tot una funzione ajax che legge ed aggiorna un div o quello che vuoi.
tipo una cosa così
index.php
HTML: 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <title>Hello, world!</title>
  </head>
  <body>
    <h1>ORA IN TEMPO REALE</h1>
    <p id="time"></p>
    <script type="text/javascript">
 
   $(document).ready(function() {
    setInterval(timingLoad, 1000);
    function timingLoad() {
        $('#time').load('ora.php', function() {
          
        });
    }
    });
 
 
   </script>
  </body>
</html>

ora.php
PHP: 
<?php
    date_default_timezone_set('UTC');
    echo date("Y-m-d H:i:s");

?>

In parole povere la funzione setInterval chiama la funzione timingLoad ogni 1000ms (1s).
La funzione timingLoad carica il contenuto della pagina ora.php dentro al p con id="time".

ezgif.com-gif-maker.gif
 
Ultima modifica:
Pubblicità
Pubblicità
Indietro
Top