Problema: Script Ajax

blancks

SCRIVI

Problema: Script Ajax postato il 05/11/2008 14:13:47 nel forum programmazione, gdrcd, open source, hosting e modificato da blancks il 05/11/2008 14:17:04

Ho creato il seguente codice per il refresh di una pagina in un div:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<title>Pagina</title>
<script type="text/javascript">

var http = false;

function refresh_div(pag){

if(navigator.appName == "Microsoft Internet Explorer"){

http = new ActiveXObject("Microsoft.XMLHTTP");

}else{

http = new XMLHttpRequest();

if(http.overrideMimeType){
http.overrideMimeType('text/xml');
}

}

http.open('GET', pag+'.php', true);
http.onreadystatechange = function() {

if(http.readyState == 4) {
document.getElementById('elenco_div').innerHTML = http.responseText;
setTimeout(refresh_div(pag), 5000)
}

}

http.send(null);

}

window.onload = refresh_div('elenco');

</script>
<style type="text/css">
#elenco_div{margin:60px auto; width:100px; height:200px; background-color:#CCCCCC; border:solid 1px #000000;}
</style>
</head>
<body>


<div id="elenco_div"></div>

</body>
</html>



In pratica questo codice dovrebbe refresharmi una pagina ogni 5 secondi all'interno di un div, la pagina caricata in questo div ha all'interno un link che mi richimama nuovamente la funzione, tuttavia cambiando il parametro per far si che essa mi ricarichi un altra pagina in quello stesso div ( refresh_div('pagina_2'); per fare un esempio ).

Senza il settimeout è perfetto, la chiamata asincrona funziona alla perfezione, se invece lo aggiungo.. indipendentmente dal tempo che ho settato essa mi viene ricaricata con un tempo di refresh praticamente nullo ( per dire.. ho messo un <?=mt_rand(0,20)?> in elenco.php per "notare" il refresh.. ho visto quel numeretto variare ad una velocità impressionante)


Qualcuno saprebbe illuminarmi sul perchè accade, ed eventualmente suggerirmi una soluzione ?_?


ps: ringrazio chiunque interverrà per la consulenza ;-)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

Pagine → 1  2 

blancks

SCRIVI

05/11/2008 15:00:41

cicciokr ha scritto: bhe prova ad aumentare il tempo di refresh.. setTimeout(refresh_div(pag), 5000) metti setTimeout(refresh_div(pag), 25000)...



Soluzione ovvia: già provato ma inutile.
Indipendentemente dal tempo impostato il refresh avviene al millisecondo.
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

05/11/2008 16:31:02

mr_faber ha scritto: non usare ajax, usa un iframe che ricarica solo i content che vuoi tu quando vuoi tu.


E poi dov'è il divertimento di apprendere nuove cose :-P ?

Principalmente è perchè voglio imparare come adoperare al meglio questa tecnica di programmazione che ammetto essermi ancora molto sconosciuta per adesso xD
(Anche perchè ho letto in giro che se usato correttamente può risultare molto performante per il server e recentemente sono diventato un fanatico dell'ottimizzazione xD)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

05/11/2008 18:48:54 e modificato da blancks il 05/11/2008 18:49:15

cicciokr ha scritto: quoto faber.. usa gli iframe, con una buoan impostazione css farai un ottimo lavoro.. anche se devi stare attento che alcune proprietà con ie si vedono in altro modo..


Ah vabe, quello è il minimo creare una pagina interoperabile validata al W3C.
Più che altro mi interessava sapere perchè non funzionava come previsto lo script per un livello di conoscenza personale.

Ad ogni modo grazie dei consigli ;-)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

new_world

SCRIVI

05/11/2008 20:17:46

blancks ha scritto: Ho creato il seguente codice per il refresh di una pagina in un div:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<title>Pagina</title>
<script type="text/javascript">

var http = false;

function refresh_div(pag){

if(navigator.appName == "Microsoft Internet Explorer"){

http = new ActiveXObject("Microsoft.XMLHTTP");

}else{

http = new XMLHttpRequest();

if(http.overrideMimeType){
http.overrideMimeType('text/xml');
}

}

http.open('GET', pag+'.php', true);
http.onreadystatechange = function() {

if(http.readyState == 4) {
document.getElementById('elenco_div').innerHTML = http.responseText;
setTimeout(refresh_div(pag), 5000)
}

}

http.send(null);

}

window.onload = refresh_div('elenco');

</script>
<style type="text/css">
#elenco_div{margin:60px auto; width:100px; height:200px; background-color:#CCCCCC; border:solid 1px #000000;}
</style>
</head>
<body>


<div id="elenco_div"></div>

</body>
</html>



In pratica questo codice dovrebbe refresharmi una pagina ogni 5 secondi all'interno di un div, la pagina caricata in questo div ha all'interno un link che mi richimama nuovamente la funzione, tuttavia cambiando il parametro per far si che essa mi ricarichi un altra pagina in quello stesso div ( refresh_div('pagina_2'); per fare un esempio ).

Senza il settimeout è perfetto, la chiamata asincrona funziona alla perfezione, se invece lo aggiungo.. indipendentmente dal tempo che ho settato essa mi viene ricaricata con un tempo di refresh praticamente nullo ( per dire.. ho messo un <?=mt_rand(0,20)?> in elenco.php per "notare" il refresh.. ho visto quel numeretto variare ad una velocità impressionante)


Qualcuno saprebbe illuminarmi sul perchè accade, ed eventualmente suggerirmi una soluzione ?_?


ps: ringrazio chiunque interverrà per la consulenza ;-)


invece di settimeout usa setinterval

War ThunderWar Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

blancks

SCRIVI

05/11/2008 21:16:53

niente neanche con il setinterval()

img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

xenom

SCRIVI

05/11/2008 21:57:03

Tra l'altro sembrerà strano ma con setTimeout(); bisogna mettere gli apici anche al numero. Almeno a me ha dato sempre errore se non mettevo gli apici.

Città dei DogiCittà dei Dogi ↗
Lasciati affascinare da una Venezia ambientata nel XVI secolo e scrivi la tua storia perdendoti tra le calli, i campi e i canali della Serenissima.

quota

blancks

SCRIVI

05/11/2008 23:23:09

Ho provato nella maniera in cui me l'hai risistemato kinley e niente: non avviene il refresh anche se la chiamata asincrona per cambiare pagina funziona bene :S

img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

06/11/2008 00:33:01

kinley ha scritto: si errore mio non viene mai inizializzata la funzione Refresh_div(pag) ovvero da nessuna parte la richiamavo

quindi o aggiungi il window.onload
oppure sotto http = false; inserisci un setTimeout (in questo devi mantenere il set dentro alla funzione che devi convertire in setTimeout perchè è sufficiente) o un setInterval (in questo modo togli quello dentro alla funzione) che faccia partire la function Refresh_div dandogli tu come "pag" tu un valore iniziale predefinito
tipo "home" quello che te pare diciamo il valore di default che deve avere appena accede alla pagina .


dimenticavo
ti sconsiglio di usare eventi come onload perchè in questo caso potrebbe non funzionare comunque perchè prima di tutto eseguirebbe lo script che andrebbe a mettere il risultato in un div che ancora non è stato creato dal sistema. Quindi a mio avviso mettere un set interval a 5 s all'inizio è la cosa migliore in modo che la pagina anche con grafica dovrebbe essere completamente caricata e quindi dopo il document.getElementById riesce a trovare il div caricato




No, non in quel senso, me ne ero accorto che non inizializzavi la funzione da nessuna parte e l'ho fatto io xD (un po di intelligenza ce l'ho eh u.u)

Il punto è che non se lo fila proprio il refresh XD
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

06/11/2008 15:06:12

ok, il problema è questo:


setInterval('refresh_div(pag)', 5000);


Che assolutamente non vuole andare, tranne nel caso in cui io non scriva così


setInterval('refresh_div()', 5000);



in poche parole non posso inviare la variabile con la funzione altrimenti non mi riesegue lo script.

Il punto è che a me serve per poter cambiare pagina da ricaricare in quel div con un click.

Suggerimenti su come posso scriverlo in modo che me lo accetti :S ?
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

06/11/2008 19:24:55

Bene, adesso va il refresh ed è tutto ok.. MA (essi, c'è un ma ç_ç)

Quando avvio la funzione passandogli l'info della seconda pagina da ricaricare temo che si accoda alla prima già in esecuzione.

Perchè invece di refreshare solo la seconda pagina, mi viene ricaricata anche quella di partenza, poi di nuovo quella e poi ancora quella di partenza e se clicco nuovamente il processo è più rapido :S

mai una che me ne vada bene al primo colpo in ambito javascript oh XD

img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

Discussione seguita da › blancks

Pagine → 1  2 

Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Sigil Sigil
Intervista al gestore di Sigil, la Città dei Portali il play by chat ambientato nel mondo nei Planescape!
Crossout Crossout
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!
eSport ed Olimpiadi eSport ed Olimpiadi
Per le Olimpiadi di Parigi si aggiungono gli eSport come nuova disciplina? Il punto della situazione!
eXtremelot eXtremelot
Leggi la nostra recensione di eXtremelot... il più famoso GDR italiano!

Pubblicità

Ultime dal Portale

news World of Warship: Nuova mappa: Isole al tramonto

gdrrank I dati del generatore di rank sono stati aggiornati!

Raja Dunia Raja Dunia → Tra verità divine e menzogne eterne, la tua anima è la chiave. Scopri Raja Dunia, e riscrivi il fato del Continente con armi e magia, fede o eresia.

news Crystal Tokyo: Avvia Role

news Piume Nere: 🎅🎁📜Racconti Popolari e Cibo 🍞🎁🎅

news New York Heroes Reborn - Avengers Academy: Integrazione png con ia e sala caos

news Hero Wars: ❄️ Winter Pole ❄️

Sponsorizzati con noi! Sponsorizzati con noi! → Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

news Roma I Triumviri: Saturnalia su RiT dal 17 al 21 dicembre

annuncio Feudera ricerca Tester

news RAID Shadow Legends: Ottieni un feroce Campione Leggendario: Predator!

news Tibia: Aggiornamento Invernale 2025 ❄️

Enlisted Enlisted → Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

news Feudera: UPDATE #0.49.5.1 - Versioni mobile

risposta Il gestore di Unwritten Destinies GDR ha risposto alla recensione di aver

recensione crossfire ha recensito Unwritten Destinies GDR

news Unwritten Destinies GDR: Loading... ❄️

Crossout Crossout → Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

Pubblicità

Articoli

Giochi Post-Apocalittici
Giochi Post-Apocalittici - Lista completa dei giochi di ruolo online ambientati in mondi post-apocalittici
Medieval Chronicles
Medieval Chronicles - Medieval Chronicles: nuovo browser games gratuito made in Italy!
Play by Discord
Play by Discord - Scopri la lista completa di tutti i giochi Play by Discord catalogati dal portale!
Diretta Streaming
Diretta Streaming - Ti sei mai chiesto come trasmettere un evento live in streaming gratuitamente? Qui trovi la risposta!
Accent Rpg Engine
Accent Rpg Engine - Intervista al creatore dell'Open Source "Accent Rpg Engine"
Lista Browser Game
Lista Browser Game - Lista dei browser game presenti sul portale
L'Isola di Mon
L'Isola di Mon - Recensione di uno dei primi giochi di ruolo online fantasy in Italia
CRSED: F.O.A.D.
CRSED: F.O.A.D. - Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita! Il giocatore sarà accompagnato da armi realistiche e magie!