[AJAX] Méthode jamais appelée sous IE

Version imprimable

22/08/2006, 01h10
Mister Nono

[AJAX] Méthode jamais appelée sous IE
Voici la page :

http://mauricenoel.free.fr

A droite le cadre bleu affiche de nouvelles informations toutes les 10 secondes grâce à la méthode remplaceInformation() qui fonctionne très bien sous firefox.

Mais sous IE (encore lui :furax:) le texte change bien la première fois. Ensuite la méthode remplaceInformation() du javascript continue d'être appelée mais le texte renvoyé par le serveur via la ligne de code :
Code:

1 2 var data = xhr.responseText;
... est toujours le même.

Après de nombreux tests, le serveur qui renvoie le texte n'est jamais solicité après la première requête. IE semble mettre la réponse (du premier appel) en mémoire et s'en sert à chaque nouvelle demande.

Comment faire pour éviter cela et donc récupérer le bon résultat ? :aie:

Merci à tous, ;)
22/08/2006, 09h29
javatwister

ajoute un paramètre GET aléatoire à l'adresse (open);

à part ça, c'est bête que les premiers mots de ta page soient:

Citation:

je vous remercie de vous bien vouloir accepter mon hospitalité

ou alors, c'est de l'humour?
22/08/2006, 09h46
sekaijin

c'est dans la réponse de ton serveur qu'il faut aller chercher
il te faut envoyer les header pas de cache et date de modif et date d'expiration de ton contenu pour que le client ie sache qu'il ne dois pas faire confiance en son cache.
A+JYT
22/08/2006, 10h16
Mister Nono

Merci pour la remarque Jawatwister : je vais changer cela, puisque cela peu être perçu comme cela.

Merci sekaijin pour ta suggestion : cela peut peut-être se produire :
Mais pourquoi avec IE et non pas avec Firefox ? :roll:
Peux-tu me mettre sur la voie (exemple) pour modifier les headers, et comment les modifier ? :roll:

Merci encore. ;)

Bon je mets le code (php qui contient du javascript) qui me permet de générer le cadre bleu : cela permettra peut-être de trouver la solution :

FICHIER : informations.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
 
<?php
 
require ("fonctions-informations.php");
 
echo "


<script type=\"text/javascript\">

var timeOut = 10000;

setTimeout('remplaceInformation();', timeOut);

var xhr = null;

function getXhr()
{
        if (window.XMLHttpRequest)
        {
                xhr = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
                try
                {
                        xhr = new ActiveXObject(\"Msxml2.XMLHTTP\");
                }
                catch (e)
                {
                        xhr = new ActiveXObject(\"Microsoft.XMLHTTP\");
                }
        }
        else
        {
                alert (\"XMLHTTPRequest non supporté\");
        }
        
}




function remplaceInformation()
{
        getXhr();
        
        xhr.onreadystatechange = function() {
        
                if (xhr.readyState == 4)
                {
                        var data = xhr.responseText;
                        
                        var elt = document.getElementById('remplaceInformation');
                        
                        var str = unescape(data);
                        

info = \"<div id='remplaceInformation' class='moduleInformations' ><!--<h3>Informations</h3>--><div class='haut'></div> <!-- haut --><div class='milieu'><span>\";

info = info + str;

info = info + \"</span></div>  <!-- milieu --><div class='bas'></div>  <!-- bas --></div> <!-- moduleInformations -->\";                                


                        // window.status = info;

                        // alert (info);
                        
                        
                        elt.innerHTML = info;

                }
                
        }
        
        xhr.open(\"GET\", \"" .$repInformations . "remplace-information.php\", true);
        xhr.send(null);
        
        
        setTimeout('remplaceInformation();', timeOut);
}

</script>


<div id='remplaceInformation' class='moduleInformations' >

<!--
<h3>
Informations
</h3>
-->
 
<div class=\"haut\">

</div> <!-- haut -->

<div class=\"milieu\">

<span>

";
 
$str = getInformation();
 
echo "

$str

</span>

</div>  <!-- milieu -->

<div class=\"bas\">

</div>  <!-- bas -->

</div> <!-- moduleInformations -->

";
 
?>

FICHIER : fonctions-informations.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
37
38
 
<?php
 
 
/* =============== FONCTION ====================== */
 
 
 
function getInformation()
{
global $repInformations;
        
        $fichier = $repInformations . "informations.txt";
        
        
        if(file_exists($fichier))
        {               
                $tab = file($fichier); 
        
        $nbLignes = count($tab);
        
        if ($nbLignes > 0)
        {
                $i = mt_rand(0, count($tab) - 1);       
                
                $str = $tab[$i];
                                
                return $str;
        }
        }       
 
}
 
 
 
 
 
?>

FICHIER : remplace-information.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<?php
 
require ("fonctions-informations.php");
 
$str = getInformation();
 
$str = utf8_encode($str);
 
echo "

$str

";
 
?>

Merci encore à tous. ;)

22/08/2006, 10h42
FremyCompany

Vous oubliez le cache ?
C'est ca le problème...
IE mets la page en cache... (et FF le fait aussi de temps en temps quand il l'estime nécéssaire)

Post similaire

J'ai bien rajouté :

Code:

1
2
 
xhr.setRequestHeader('Cache-Control','no-cache');

... après xhr.open(...);

Et j'ai changé le php (remplace-information.php) comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<?php
 
require ("fonctions-informations.php");
 
$str = getInformation();
 
$str = utf8_encode($str);
 
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-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
 
echo "

$str

";
 
?>

Et cela fonctionne. :mouarf:

Merci à tous. ;)

22/08/2006, 20h18
sekaijin

Citation:

Envoyé par Mister Nono

Merci pour la remarque Jawatwister : je vais changer cela, puisque cela peu être perçu comme cela.

Merci sekaijin pour ta suggestion : cela peut peut-être se produire :
Mais pourquoi avec IE et non pas avec Firefox ? :roll:
Peux-tu me mettre sur la voie (exemple) pour modifier les headers, et comment les modifier ? :roll:

Merci encore. ;)

si ton server est en php tu à une fonction header qui te permet s'envoyer un header il faut lire la doc php mais surtout http 1.1

A+JYT

Et bien, après avoir eu le soucis de cache avec PHP (rf ci-dessus), j'ai maintenant le même soucis avec JAVA.

Donc ma question : comment enlever le cache lors d'une réponse à une trame envoyée par Javascript (Ajax) dans un programme Java ? ;)

Avec PHP, c'est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <?php require ("fonctions-informations.php"); $str = getInformation(); $str = utf8_encode($str); 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-store, no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); echo " $str "; ?>
Merci. ;)

29/09/2006, 15h19
Mister Nono

http://java.sun.com/developer/EJTech.../tt1122.html#1