Aggiornare elemento DOM

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
Ciao a tutti come da titolo dovrei aggiornare periodicamente una una classe css senza ricaricare tutta la pagina.
Ho provato in questa maniera ma sinceramente non mi è chiaro come interagisce JQuery con il DOM poiché a quanto pare lo script qui sotto non sembra funzionare.
Qualcuno mi può aiutare a capire meglio?
Grazie

HTML:
<div class="base mt10 refresh">
.....contenuto......
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
		
        <script>
        $(document).ready(function(){
        setInterval(function(){
        $(".refresh").load('.refresh')
        }, 2000);
        });
        </script>
 

Akuma

Nuovo Utente
17 Mag 2014
28
0
1
30
Peschiera del Garda (VR)
Allora devi indicare dove effettuare la ricerca per caricare il contenuto.

$(".refresh").load("Pagina.html .refresh");

In questo caso è come se dicessi a jquery di caricare il contenuto di .refresh che si trova all'interno della pagina indicata, e di stamparlo nel div .refresh.

Inviato dal mio GT-I9300 Archidroid2
 

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
Ciao akuma, il fatto è che, come ho scoperto poi, oltre a caricare la pagina che è in.php devo trovare un modo per includere nel caricamento anche le classi necessarie per farla funzionare.
Infatti al caricamento della classe .refresh non avviene il popolamento degli elementi contenuti in essa poiché sono degli output in php.
La classe refresh di fatto rimane vuota.

PHP:
<script>
		
		$(document).ready(function(){
			setInterval(function(){
			$(".refresh").load('pages/product.php .refresh')
			}, 2000);
			
			});

 </script>
 

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
Bah sono fermo così.

PHP:
<script>
 
$(document).ready(function(){
    setInterval(function(){
       $.ajax({
          type: "POST",
          url: "pages/product.php",
          data: $(".refresh"),
          success: function(data) {
               $(this).load(data);    
          },
          error: function() {
            alert("chiamata non riuscita"); 
          }
          
         });
    }, 25000);
});
 
</script>
 

n1k4r0

Utente Attivo
15 Nov 2012
135
0
0
scusa Marco_88 ma ho il dubbio di non aver capito affatto quello che chiedi. vorresti modificare il contenuto di una classe css dinamicamente senza ricaricare la pagina? oppure vuoi aggiornare il contenuto di un elemento della pagina senza ricaricarla tutta?

a parte questo non ho capito alcune parti del codice

Codice:
data: $(".refresh")

data nella chiamata ajax di jquery serve per mandare alla pagina variabili e valori, ad esempio

Codice:
data: 'a=1&b=2'

variabili che poi la pagina php utilizzerà per i suoi script, tu invece passi un elemento della pagina e non capisco il perché.

Codice:
$(this).load(data)

quel $(this) inserito dentro al success di una chiamata ajax non fa riferimento a nulla, dovresti mettere qualcosa tipo $('.refresh') perché ci sia un elemento al quale riferirsi.
il comando load serve per eseguire una funzione una volta caricato il contenuto di un elemento, di solito si usa con window

Codice:
$( window ).load(function() {
  // codice
});

per eseguire i comandi una volta caricata completamente la pagina grafica compresa, non capisco cosa vorresti che facesse nel tuo caso visto che la pagina è già completamente caricata da un po' quando questo script parte.

mi spiace ma, probabilmente per colpa mia, non capisco proprio cosa vorresti ottenere. riusciresti a spiegare meglio cosa vuoi fare? :)
 

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
ciao Ni4r0, questo codice che ho scritto è totalmente sbagliato, e se non si capisce è colpa mia perché sto ancora studiando per capire bene jquery e ajax e alcuni concetti che ho espresso nel codice sopra sono stati abbastanza approssimativi, tutto ciò per tentare di risolvere il problema che ho.

Comunque cerco di spiegarmi nella maniera più sintetica possibile: devo fare il refresh di una classe (o di tutta la pagina non è rilevante) periodicamente su una pagina in php. Non aggiungo altro cosi non faccio confusione :D

Grazie
 

n1k4r0

Utente Attivo
15 Nov 2012
135
0
0
marco è proprio questo che non capisco, cosa intendi per una classe? una classe di css?
 

n1k4r0

Utente Attivo
15 Nov 2012
135
0
0
allora per aggiornare il contenuto di un div ci siamo quasi col tuo codice, bastano alcune piccole modifiche

Codice:
$(document).ready(function(){
    setInterval(function(){
       $.ajax({
          type: "POST",
          url: "pages/product.php",
          success: function(data) {
               $('#refresh').html(data);    
          },
          error: function() {
            alert("chiamata non riuscita"); 
          }
          
         });
    }, 25000);
});

messo così dovrebbe andare a meno che la pagina product.php non abbia bisogno di parametri nel qual caso dopo la riga url: "pages/product.php", devi aggiungere data

Codice:
// esempio
data: 'a=1&b=2',

se invece non ha bisogno di variabili allora dovrebbe funzionare.
 

Marco_88

Utente Attivo
4 Dic 2014
150
0
0
Roma
batwebit.blogspot.it
n1k4r0, non dovrebbe avere bisogno di variabili, nel senso che quello che mi aspetto da questo script è che ricarichi il contenuto del div con quello è successo sul server nel frattempo (il div#refresh contiene codice php dove conteggia il numero di offerte inserite su un'asta online e gli utenti devono poter vedere l'ultima offerta inserita per svolgere i rilanci nel più breve tempo possibile, senza appunto ricaricare la pagina).
L' unica cosa è che ora non posso provarlo perché ho l' FTP impegnato. Appena lo testo ti faccio sapere se funziona. :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
S aggiornare valore di un elemento xml con php PHP 8
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
M Aggiornare stesso campo in due tabelle PHP 0
Alex_70 Aggiornare campo da un altro campo PHP 16
M Aggiornare simultaneamente i campi di due tabelle collegate con id PHP 4
L aggiornare 2 campi di una tabella insieme PHP 6
Leshabituelles Non riesco ad aggiornare PHP PHP 0
M [Javascript] Aggiornare like totali dopo click Javascript 0
P [PHP] Intercettare ed aggiornare campi di un database PHP 5
C [PHP] scrivere o aggiornare record in tabella PHP 7
T Aggiornare una tabella db richiamando da file php PHP 3
Q Problema su come far aggiornare i campi su un database Mysql PHP 17
M [Javascript] [PHP] aggiornare pagina ogni ora Javascript 2
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
S Aggiornare una tabella db richiamando da file php PHP 3
S [PHP]Aggiornare pagina in maniera trasparente... PHP 3
M [PHP] Aggiornare i dati dei record selezionati PHP 3
X come aggiornare codice php? PHP 5
ste80 [PHP] cancellare/aggiornare record DB PHP 24
WebDr [ASP] Aggiornare una pagina in un div da un altro div su pagina diversa Classic ASP 3
C Aggiornare App Html5 HTML e CSS 2
D [Javascript] aggiornare numero caratteri se campo già popolato Javascript 5
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
Metazoo Recuperare variabile php da javascript senza aggiornare pagina PHP 5
Magenta [WordPress] Dati ftp per aggiornare in locale WordPress 10
giancadeejay Aggiornare tabella db con php PHP 10
giancadeejay [PHP] Aggiornare un valore del database tramite form PHP 26
giancadeejay [PHP] Aggiornare DB tramite UPLOAD file .csv PHP 39
L [PHP] Sommare campi e aggiornare tabella PHP 14
F Aggiornare marker su mappa google con una funzione ajax richiamata al cambio di una select Ajax 2
N eseguire pagina php senza aggiornare la pagina Ajax 3
M Aggiornare Plesk e PHP su VPS Linux OVH Server Dedicati e VPS 3
P Aggiornare Tabella con form ma senza Mysql HTML e CSS 0
P Aggiornare tabella tramite form PHP 17
garimpeiro Errore di sintassi si tenta di aggiornare file in formato dbf Programmazione 2
L Script per aggiornare pagina html Javascript 2
G Aggiornare immagine caricata nel DB Classic ASP 1
K mysql aggiornare campo Database 4
J Aggiornare 2 tabelle PHP 3
R Aggiornare WP e riuscire poi a tornare indietro. WordPress 24
I come aggiornare il codice jQuery 1
P aggiornare div con un clic senza reload Ajax 2
M Aggiornare grafico con i dati inseriti in tabella PHP 0
A aggiornare pagina1 da link di pag2 Javascript 1
M Aggiornare valori in mysql (classifica) PHP 8
K Aggiornare solo una parte di Layout Sviluppo app per Android 0
G Aggiornare colonna tabella automaticamente in MysQl PHP 2
C Aggiornare casella di testo MS Access 0
S Aggiornare campo in base a timestamp meno recente fra piu tabelle PHP 2
P aggiornare div, dopo un click jQuery 1

Discussioni simili