cache IE avec Ajax

**nicoaix** · 26/04/2007, 11h17

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 :

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

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 :

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

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.

**kenji33** · 26/04/2007, 15h39

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 :

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

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

**nicoaix** · 26/04/2007, 15h48

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

Code :

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

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.

**roro06** · 26/04/2007, 17h03

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 ?

**Khrysby** · 26/04/2007, 17h35

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

Code :

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

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...

**kenji33** · 27/04/2007, 16h05

je l'ai mis comme ca :

Code :

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

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)

**kenji33** · 27/04/2007, 16h06

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

**JasonV6** · 23/07/2007, 19h33

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

genre

Code :

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

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é.

cache IE avec Ajax

JavaScript

Discussions similaires

Partager

Partager