cache IE avec Ajax

Version imprimable

cache IE avec Ajax

Bonjour,
Voici le problème:
Sur une page web j'ai un formulaire possédant un textarea. Lorsque cet élément perd le focus (onblur) je lance la fonction javascript MAJ qui effectue une mise à jour dans ma base de données MySql via Ajax.
Voici la fontion MAJ:
Code:

1 2 3 4 5 6 7 8 9 10 function MAJ(nomduchamp,valeur,cod_suj,page,order){ if(navigator.appName == "Microsoft Internet Explorer") { var requeteAJAX = new ActiveXObject('Msxml2.XMLHTTP'); }else{ var requeteAJAX = new XMLHttpRequest(); } requeteAJAX.open("GET","req.php?page="+page+"&order="+order+"&nomduchamp="+nomduchamp+"&valeur="+escape(valeur)+"&cod_suj="+cod_suj,false); requeteAJAX.send(null); location.reload(); }
Cela fonctionne sauf si l'on modifie le textarea de manière à lui mettre une valeur qu'il a déjà eu...euh.. j'explique par un exemple:
1/On clique sur le textarea et on lui met la valeur 'toto'.Puis, on perd le focus et la page se recharge en indiquant 'toto' dans le textarea (et dans la base de données).
2/On clique sur le textarea et on lui met la valeur 'titi'.Puis, on perd le focus et la page se recharge en indiquant 'titi' dans le textarea (et dans la base de données).
3/C'est là que ça déconne...On clique sur le textarea et on lui met la valeur 'toto'.Puis, on perd le focus et la page se recharge en indiquant 'titi' dans le textarea (et dans la base de données). Impossible donc de remettre la valeur 'toto'.
Ceci se résout si je vide le cache d'IE.

Deux précisions:
1/Le problème ne se produit pas sous firefox.
2/Le problème existe sous IE6 et IE7

J'ai essayé de mettre les balises:
Code:

1 2 3 <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" /> <meta http-equiv="Expires" content="0" />
mais ça ne change strictement rien.

Quelqu'un aurait-il une idée pour résoudre ce problème?

Merci.

26/04/2007, 15h39
kenji33
hello

j'ai eu le meme souci que toi avec un script ajax et le cache de ie

j'ai rajoute cela dans l'entete (en php):
Code:

1 2 3 4 5 header("Expires: Mon, 01 Jul 2000 04:00:00 GMT"); header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT"); header("Cache-Control: no-cache, must-revalidate"); header("Pragma: no-cache");
pour les autres langage il suffit de l'adapter

kenji

Tu mets ça à quel niveau dans ta page php?
J'ai essayé en mettant ces lignes en 1er:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?
header("Expires: Mon, 01 Jul 2000 04:00:00 GMT");
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page principale</title>
 
........

Mais le problème demeure.

26/04/2007, 17h03
roro06

Bonjour

Une question : pourquoi reloader la page, puisqu'ajax permet justement de s'en affranchir ?

Quoiqu'il en soit, FF ne permet pas de requête synchrone (en tout cas, pas jusqu'à la version 1.5). Est-tu sûr que ta mise à jour est bien effectuée ?
26/04/2007, 17h35
Khrysby

J'ai eu le même problème. Essai avec ça :

Code:

requeteAJAX.open("GET","req.php?page="+page+"&order="+order+"&nomduchamp="+nomduchamp+"&valeur="+escape(valeur)+"&cod_suj="+cod_suj + "&datetime=" + escape(new Date().toString()) ,false);

en fait, tu balances une date qui est à chaque fois défférente ce qui fait que pour le serveur, c'est une url différente...

je l'ai mis comme ca :
Code:

1 2 3 4 5 6 7 8 9 10 11 <?php header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT"); header("Cache-Control: no-cache, must-revalidate"); header("Pragma: no-cache"); header('Content-Type: text/xml; charset=UTF-8'); ... ?> .....reste du code
ce qui permet de que chaque fois que IE appelle mon fichier xml il ne le met pas en cache et le rafraichis bien
j'ai utilise cette méthode depuis un widget pour vista (qui utilise le moteur de ie)

27/04/2007, 16h06
kenji33

Citation:

Envoyé par roro06

Bonjour

Une question : pourquoi reloader la page, puisqu'ajax permet justement de s'en affranchir ?

Quoiqu'il en soit, FF ne permet pas de requête synchrone (en tout cas, pas jusqu'à la version 1.5). Est-tu sûr que ta mise à jour est bien effectuée ?

car internet explorer trop nul qu'il est met en cache le fichier xml et ensuite ne vas pas le chercher actualiser sur le site mais va le chercher dans son cache
c'est le problème que j'ai rencontré et résolu en mettant ces headers directement dans le fichier xml
23/07/2007, 19h33
JasonV6

Random
Et si tu mettais un random dans ta chaine de requete ?

genre
Code:

1 2 requeteAJAX.open("GET","req.php?page="+page+"&order="+order+"&nomduchamp="+nomduchamp+"&valeur="+escape(valeur)+"&cod_suj="+cod_suj+"&rand="+math.random(),false);
ca rejoint la methode de Khrysby mais le temps d'execution est peut-être plus court...

Pour moi cela a tres bien fonctionné.