Rafraichissement automatique d'un div ou iframe sans rafraichir la page

**carmen256** · 31/05/2016, 17h39

Bonsoir,
J'ai un soucis je souhaiterai rafraichir en Ajax, une div ou un iframe cible sans rafraichir la page.

Le code ci-dessous ne fonctionne pas.
J'ai tenté plusieurs bout de code que j'ai trouvé sur Google sans succès non plus !!!

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
session_start();
?>
<html>
<head>
<script src="JQuery.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval( function () { $('#load_donnees').load('Index.php').fadeIn("slow"); }, 10000 ); // rafraichir toutes les 10 secondes
 
</script>
</head>
 
<body>
<div>
<?php 
if(isset($_SESSION['a']){$val=$_SESSION['a'][0]+1;}
else{$val=0;echo "Valeur de départ : ".$val."<br/>";}
?>
</div>
<div id="load_donnees"><?php echo "La valeur actuelle : ".$val."<br/>";?></div>
</body>
</html>

Est ce possible ?

**EddiGordo** · 31/05/2016, 18h03

Vu du côté javascript, "Index.php" n'est pas connu.
Il faut mettre une url complète...

Essaie peut être un truc comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var auto_refresh = setInterval( function () { $('#load_donnees').load('http://URL DE TON SITE/CHEMIN EVENTUEL/Index.php').fadeIn("slow"); }, 10000 );

**carmen256** · 31/05/2016, 20h15

Merci cela fonctionne.
Le rafraichissement se fait mais j'ai une truc étrange.
On dirait qu'il me fait un double rafraichissement.
Car je devrai avoir après chaque rafraichissement ceci en résultat.

Premier chargement

La valeur de départ : 1
La valeur de la session m est : 1
La deuxième valeur de départ : 1
La valeur actuelle : 1

Puis rafraichissement

La valeur de la session m est : 1
La valeur actuelle : 2

....

Au lieu de cela j'ai :

Premier chargement
La valeur de départ : 1
La valeur de la session m est : 1
La deuxième valeur de départ : 1
La valeur actuelle : 1

Puis rafraichissement

La première Valeur de départ : 1
La valeur de la session m est : 1
La deuxième Valeur de départ : 1
La valeur de la session m est : 2
La valeur actuelle : 2
...

La je suis un peu bloquer.
Je ne sais pas qui fait l'erreur, AJAX, PHP ou les deux.

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
session_start();
?>
<html>
<head>
<script src="JQuery.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval( function () { $('#load_donnees').load('http://localhost/application/Iframes/Index.php').fadeIn("slow"); }, 10000 );
</script>
</head>
 
<body>
 
<?php 
if(isset($_SESSION['m'])){$vm=$_SESSION['m'][0];$vnl=$vm+1;$_SESSION['m'][0]=$vnl;}
else{$nl=1;$_SESSION['m'][0]=$nl;echo " La première Valeur de départ : ".$nl."<br/>";$vnl=1;}
echo "La valeur de la session m est : ".$vnl."<br/>";
if(isset($_SESSION['a'])){$vl=$_SESSION['a'][0];$val=$vl+1;$_SESSION['a'][0]=$val;}
else{$val=1;$_SESSION['a'][0]=$val;echo "La deuxième Valeur de départ : ".$val."<br/>";}
?>
<div id="load_donnees"><?php echo "La valeur actuelle : ".$val."<br/>";?></div>
</body>
</html>

**andry.aime** · 01/06/2016, 09h12

Envoyé par EddiGordo

Vu du côté javascript, "Index.php" n'est pas connu.
Il faut mettre une url complète...

On peut utiliser des chemins relatifs en JavaScript, ce qui est même conseillé. Imagine, si tu déplaces ton site sur un autre hébergeur, tu vas modifier tous les liens?

**EddiGordo** · 01/06/2016, 11h24

On peut utiliser des chemins relatifs en JavaScript, ce qui est même conseillé. Imagine, si tu déplaces ton site sur un autre hébergeur, tu vas modifier tous les liens?

Oups

Au temps pour moi, houlala, j'ai honte

Bien sur, que tu as raison @andry.aime, je dois être fatigué lol

. (mais non je ne cherche pas d'excuses rhooo

)

Pour revenir au problème :
Je pense que tu charges avec load la page "Index.php" dans une div, elle-même contenue dans "Index.php"...
Au bout du compte tu te retrouves aux Nième chargement avec N setInterval qui jouent chacun leur tour la même chose.

Il faudrait scinder ta page en deux, l'une pour la structure et le js, l'autre pour la div et son contenu.
Par exemple, un fichier main.php qui contriendrait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
        session_start();
?>
<html>
	<head>
		<script src="JQuery.js"></script>
		<script type="text/javascript">
			var auto_refresh = setInterval 	(
												function () 
												{
													$('#load_donnees')
														.load('majCompte.php')
														.fadeIn("slow");
												},
												10000
											);
		</script>
	</head>
 
	<body> 
		<div id="load_donnees">
			<?php
                                $_SESSION['m'][0] = 1;
                                $_SESSION['a'][0] = 1;
                                echo " La première Valeur de départ : 1<br/>";
                                echo "La deuxième Valeur de départ : 1<br/>";
                        ?>
		</div>
	</body>
</html>

Et une autre, majCompte.php, avec le contenu de la div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
        session_start();
        if (isset($_SESSION['m']))
        {
                $vm = $_SESSION['m'][0];
                $vnl = $vm + 1;
                $_SESSION['m'][0] = $vnl;
        }
        else
        {
                $nl = 1;
                $_SESSION['m'][0] = $nl;
                echo " La première Valeur de départ : ".$nl."<br/>";
                $vnl = 1;
        }
        echo "La valeur de la session m est : ".$vnl."<br/>";
        if (isset($_SESSION['a']))
        {
                $vl = $_SESSION['a'][0];
                $val = $vl + 1;
                $_SESSION['a'][0] = $val;
        }
        else
        {
                $val = 1;
                $_SESSION['a'][0] = $val;
                echo "La deuxième Valeur de départ : ".$val."<br/>";
        }
        echo "La valeur actuelle : ".$val."<br/>";
?>

Mais "m" et "a" étant incrémentés en même temps, ils sont toujours égaux, donc je ne vois pas trop ce que tu veux en faire.
Du coup on peut simplifier grandement la page majCompte.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<?php
        session_start();
        echo "La valeur de la session m est : ".(++$_SESSION['m'][0])."<br/>";
        echo "La valeur actuelle : ".(++$_SESSION['a'][0])."<br/>";
?>

Précise un peu ce que tu veux faire si ma solution ne t'aide pas

Rafraichissement automatique d'un div ou iframe sans rafraichir la page

AJAX

Vue hybride

Discussions similaires

Partager

Partager