Autoaggiornamento di una pagina

**carloscara** · 28-11-2011, 17:08

ok, ma che pro/contro ci sono a utilizzare jquery o meno?
Comunque secondo te come ho modificato lo script che mi hai dato dovrebbe andare bene? Devo solo scaricare il jquery.js e richiamarlo se non ho capito male...

grazie

**fcaldera** · 28-11-2011, 17:16

se al momento non ne fai uso, ti conviene modificare il codice in modo che jQuery non sia necessario (io l'ho usato per semplificaremi la parte ajax).

Essendo una libreria da più di 80kb minified non ha senso che tu la usi solo per questo pezzo di codice.

D'altra parte se non riesci a modificarlo o non trovi qualcuno che abbia tempo di farlo per te e proprio non ne vieni fuori includi nella pagina jquery minified prima di quel codice

**carloscara** · 28-11-2011, 17:20

Ho provato ad implementarlo e quando c'è la connessione funziona... quando manca la connessione refresha ugualmente ed appare la pagina di errore del browser.

Forse l'unico punto debole dello script è se manca la connessione mentre sta refreshando che esce pagina bianca... forse è meglio usare un iframe?

**fcaldera** · 28-11-2011, 17:29

Originariamente inviato da carloscara
Ho provato ad implementarlo e quando c'è la connessione funziona... quando manca la connessione refresha ugualmente ed appare la pagina di errore del browser.

Forse l'unico punto debole dello script è se manca la connessione mentre sta refreshando che esce pagina bianca... forse è meglio usare un iframe?

posta il link ad una pagina demo minimale, con il codice che ti ho postato

**carloscara** · 28-11-2011, 17:38

Non posso girarti il link perché sto lavorando in locale... comunque il codice è questo, inserito in pagina.php

codice:

<html>

<head>

<title>test</title>

<script type="text/javascript" src="jquery.js"></script>

<script>
(function($, url) {

    $(document).ready(function() {
        
        var refreshRate = 5000,   /** 5 secondi **/
            increase    = 1.25,
            
            ping = function() {
               
                var
                    pingXHR = $.ajax({
                        "http://localhost/pagina.php"       : url,
                        success   : function() {
                            location.href = url;
                        },
                        complete  : function() {
                            clearInterval(pingTimeout);
                            refreshRate *= increase;
                            setPageTimeout();
                        }
                    }),
                        
                    pingTimeout = setTimeout(function() {
                        pingXHR.abort();
                        refreshRate *= increase;
                        setPageTimeout();
                    }, 5000)
            },
            
            setPageTimeout = function() {
                setTimeout(function() {
                    ping();
                }, refreshRate) 
            };
            
        
        setPageTimeout();
        
    });
    
}(jQuery, "http://localhost/pagina.php"));

</script>

</head>

<body>

<?
$a=time();
$b=date('d M y - H:i:s', $a);
echo$b;

?>

</body>

</html>

grazie ancora

**fcaldera** · 28-11-2011, 17:48

Originariamente inviato da carloscara

codice:

...

                    pingXHR = $.ajax({
                        "http://localhost/pagina.php"       : url,
                        success   : function() {
                 

...

find &replace selvaggio ?

P.s. : la console di firefox (e di qualsiasi altro browser) ha una sua utilità

**carloscara** · 28-11-2011, 18:02

A dire il vero pensavo di dover cambiare anche quel parametro

... ora ho ripristinato tutto come all'inizio, quindi così:

codice:

<html>

<head>

<title>test</title>

<script type="text/javascript" src="jquery.js"></script>

<script>
(function($, url) {

    $(document).ready(function() {
        
        var refreshRate = 5000,   /** 5 secondi **/
            increase    = 1.25,
            
            ping = function() {
               
                var
                    pingXHR = $.ajax({
                        "url"       : url,
                        "success"   : function() {
                            location.href = url;
                        },
                        complete  : function() {
                            clearInterval(pingTimeout);
                            refreshRate *= increase;
                            setPageTimeout();
                        }
                    }),
                        
                    pingTimeout = setTimeout(function() {
                        pingXHR.abort();
                        refreshRate *= increase;
                        setPageTimeout();
                    }, 5000)
            },
            
            setPageTimeout = function() {
                setTimeout(function() {
                    ping();
                }, refreshRate) 
            };
            
        
        setPageTimeout();
        
    });
    
}(jQuery, "http://localhost/pagina.php"));

</script>

</head>

<body>

<?
$a=time();
$b=date('d M y - H:i:s', $a);
echo$b;

echo$a;

?>

</body>

</html>

Su explorer mi refresha anche senza connessione ed esce la pagina di errore del browser bloccando tutto. Sui browser che mi interessano (chrome e android) invece funziona, quando manca connessione si ferma, quando torna riprende a refreshare.
Quindi direi tutto ok...

Come ti dicevo prima, forse l'unico punto debole è quando manca la connessione nell'istante in cui sta refreshando, sei d'accordo?

grazie ancora

**carloscara** · 29-11-2011, 20:26

Ho fatto vari test e mi sembra funzioni egregiamente

Se volessi fare la stessa cosa ma che faccia l'autorefresh di un iframe contenuto nella pagina come potrei implementarla?
Avevo fatto una cosa del genere precedentemente, ma ovviamente non aveva il controllo sulla connessione.

codice:

<script type=text/javascript>
function refresh()
{
document.all.iframe1.src = document.all.iframe1.src;
}
window.setInterval("refresh()",5000);
</script>

<iframe name='iframe1' src='http://localhost/pagina.php' frameborder="0" width='100' height='540' 

></iframe>

ciao e grazie ancora

Discussione: Autoaggiornamento di una pagina

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio