obliger le navigateur à recharger la page depuis le serveur

Version imprimable

17/06/2008, 11h13
diblasio

obliger le navigateur à recharger la page depuis le serveur

Bonjour à tous,

Je suis débutant dans le domaine du web

J'ai un script en jquery qui fonctionne bien sur FF mais dans IE il fonctionne bien a la première execution en cliquant sur le lien photo . Si je clique sur un autre lien et que je reviens en cliquant sur le lien photo il recharge la page depuis le cache et le script jquery ne fonctionne plus bien.

J'aurais voulu savoir comment l'obliger a recharger la page depuis le serveur.

J'ai vu sur des forum qu'il fallais ajouter des nombre aléatoire.

Exemple
my.php?"123456"

mais j'ai pas vraiment saisie le principe et surtout comment le mettre en place

Merci d'avance pour votre aide
17/06/2008, 11h22
NuDo_

Je pense qu'en ajoutant la meta-tag suivante ca devrait fonctionner:

Code:

<meta http-equiv="Pragma" content="no-cache" />
17/06/2008, 11h26
diblasio
Merci pour ton aide.

Malheureusement j'ai deja tenter cette solution mais aucun changement

voila ce que j'ai dans ma page :
Code:

1 2 3 <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="Expires" content="-1" />
cette solution ne fonctionne pas
17/06/2008, 11h34
Sylvain71

La solution du paramètre supplémentaire passé à la page fonctionne bien.

En fait, très grossièrement, quand IE va exécuter une requête, il va regarder s'l n'a pas déjà la page correspondant à l'URL demandée en cache.
Donc si l'URL change, il va recharger complètement et non pas taper dans le cache. C'est pour ça que si tu rajoutes un paramètre qui change à chaque appel il va recharger.

Attention, j'ai bien dit que c'était expliqué grossièrement, je ne connais pas le fonctionnement interne d'IE en détail, donc si quelqu'un a des précisions à apporter, je suis toute ouïe ;)

Donc ce qu'il faut que tu fasses, c'est générer une chaîne unique chaque fois que tu exécutes une requête vers "my.php" (généralement j'utilise un timestamp couplé à un nombre aléatoire) et l'ajouter en paramètre à ton URL appelée par ajax.

Ainsi au premier appel tu va demander la page :
my.php?nocache=84981981981

Au deuxième :
my.php?nocache=351981981984

Et vu que ces deux url sont différentes, IE n'utilisera pas sa mise en cache.

Voila, j'espère avoir été clair ;)
17/06/2008, 12h12
diblasio

ok merci sylvain71
ton expliquation est très claire.
Je vais faire un test et aussitôt après je vous redonne des nouvelles en espérant résoudre mon probème

Merci

Cela ne fonctionne pas du moins si j'ai bien effectuer ce que tu m'as dis

je pense que c'est plus simple si je mets le bout de code
La partie des lien de ma page index.php

Code:

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
31
32
33
34
35
36
 
<?php
//creation du nombre aléatoire
$id = time()* rand(2,48);
 
	$newpage = $_GET["page"];
 
	if($newpage > "")
	{
		$newpage = "pages/".$newpage.".php";
	}
	else
	{
		$newpage = "pages/home.php";
	}
?>    
	<div id="gauche">	  	
		<ul class="menugauche">
            <li>
            	<a href="index.php?page=light">
            	<img src="image/LienLight.gif"onmouseover="this.src ='image/LienLight2.gif'" onmouseout="this.src='image/LienLight.gif'"/></a> 
            </li>
            <li>
             // en cliquant sur ce lien que ca devrais recharger la page
            	<? echo "<a href='index.php?page=galerie1&id=$id'>" ?>
            	<img src="image/LienPhoto.gif"onmouseover="this.src ='image/LienPhoto2.gif'" onmouseout="this.src='image/LienPhoto.gif'"/></a> 
            </li>
            <li>
            	<a href="index.php?page=lien">
            	<img src="image/LienLien.gif"onmouseover="this.src ='image/LienLien2.gif'" onmouseout="this.src='image/LienLien.gif'"/></a> 
 
        </ul>
	</div>
	<div id="centre">
		<?php if($newpage != "") { include($newpage); } ?>
  	</div>

partie de galerie1.php c'est quand je clique sur ce lien que le navigateur devrais charger la page depuis le serveur

Code:

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
 
 
<div class="centre-pages">
<center> 
<ul id="g1">
<?
 
for ($i=1;$i<=20;$i++)
{
echo"<li>";
echo"<img src='../image/photo/".$i.".png'>";
echo"</li>\n";
}
 
?>
</ul>
</center>
</div>
	<script type="text/javascript" src="js/excanvasX.js?"></script>
  	<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.jflip-0.3.min.js"></script>
<script type="text/javascript">
 (function($){    
      $(function(){    
        $("#g1").jFlip(300,300,{background:"black",cornersTop:false});
        $("#g2").jFlip(300,300,{background:"green",cornersTop:true,scale:"fit"});
        $("#g3").jFlip(300,300,{background:"green",cornersTop:true,scale:"fill"});
      });
  })(jQuery);
  </script>

Et surtout encore merci pour toute l'aide que vous pourrai m'ammener