Problème au niveau de IE !

Version imprimable

Bonjour à tous!

J'ai besoin d'afficher une donnée qui peut se varier (et stockée dans une base de données) dans une page web sans actualiser la page.

Voilà le code source de la page index.asp:

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
 
<html>
<head>
<title>Test AJAX</title>
 
<script type="text/javascript">
 
 
function writediv(texte)
{
document.getElementById('zonetraitement').innerHTML = texte;
}
//============================
 
function verificationMenu()
{
texte = file('BDAjax.asp')
writediv(texte);
setTimeout("verificationMenu()",1000);
}
//============================
 
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
</script>
 
</head>
<body onLoad=verificationMenu();>
<form name="formmenu" action="" methode="GET" onSubmit="">
<div id="zonetraitement"></div>
</form>
 
</body>
</html>

La page BDAjax.asp retourne cette valeur par: response.Write()

ça marche trés bien sous Firefox mais ça marche pas sous IE !!

Pourquoi?

Et merci d'avance.

16/03/2007, 21h17
magnus2005

J'ai déja repondu au mêmes problemes

http://www.developpez.net/forums/sho...d.php?t=288073

Je te copie colle ma reponse :

Desolé mais ton code à quasiment aucune chance de fonctionner.
Il est tres peu probable que ton requester est deja terminer sa requête.

Essaie de mettre une fonction de traitement sur les etats de ton object

Code:

xhr_object.onreadystatechange=tafonctiondetraitement

Bonjour,
j'ai exactement le même problème avec IE.
Mais je ne vois pas ou mettre ta fonction ?
Pourrais tu m'expliquer ? je début en AJAX et j'avoue que IE m'embête...

Voici ce que je supose que tu apelle le requester
Merci d'avance ça me débloquerais beaucoup...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function file(fichier) { if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); else return(false); xhr_object.open("GET", fichier, false); xhr_object.send(null); xhr_object.onreadystatechange=file(fichier) if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false); }

J'ai remplacé ce code:
Code:

1 2 3 4 xhr_object.send(null); if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false);
par :
Code:

1 2 3 4 5 6 xhr_object.send(null); xhr_object.onreadystatechange = function() { if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false); }
Mais le résultat obtenu est: undefined pour Firefox et IE !!!

Comment résoudre ce problème et merci.

19/03/2007, 10h37
thegreatbato

et ça ?

Code:

if(xhr.readyState == 4 && xhr.status == 200)

?
19/03/2007, 10h51
magnus2005
Toutes les explications sont la :

http://siddh.developpez.com/articles/ajax/#LII

Ton code de depart est conceptuellement faux sous IE et FF,
ton code peut fonctionner parfois pas plus.
Desolé, bonne lecture sur le tutorial

Je t indique quand meme ou ça va pas :
Code:

1 2 3 xhr_object.open("GET", fichier, false); xhr_object.send(null); xhr_object.onreadystatechange=file(fichier)
Il faut mettre la fonction de traitement avant sinon il se peut que le reponse disparraisse dans la nature :
Code:

1 2 3 4 xhr_object.onreadystatechange=file(fichier) xhr_object.open("GET", fichier, false); xhr_object.send(null);
19/03/2007, 15h09
insane_80

J'ai appliqué l'exemple du tutoriel comme il est:

http://siddh.developpez.com/articles/ajax/#LII

ça marche sous Firefox et ça marche pas avec IE (même si j'actualise la page--->il faut ouvrir une nouvelle fenêtre et retaper l'adresse pour prendre les modifications)!!!

OOOOHH, je suis fatigué !
19/03/2007, 15h37
magnus2005

As tu installe le debugger de script de microsoft.
Si non je te recommande de le faire (même si ça resoud pas ton probleme actuel).

Quel est le probleme plus exactement ?

Tu peux copier coller toute ta page de test ? pour voir ?

la page index.html:

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
 
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
 
	 		function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						alert(xhr.responseText);
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
		</script>
	</head>
	<body>
		<input type='button' value='Dis quelque chose !' onclick='go()' />
	</body>
</html>

La 2eme page:

Code:

1
2
3
4
 
<?php
        echo "Bonjour de php";
?>

19/03/2007, 16h53
magnus2005

ça me semble ok dans la theorie,

essaie d'afficher les differentes readystate.

Tu as quoi comme erreur tres exactement

Le probleme c'est que si je modifie le message de la page ajax.php (Bonjour de php) puis je clique sur le bouton qui déclenche le message en alert, alors le message se modifie sous Firfox sans actualiser la page alors pour IE ça marche pas!

Pour les differentes readystate, c'est bon:
j'ai ajouté alert(xhr.readyState); dans le code:
Code:

1 2 3 4 5 6 7 8 xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok alert(xhr.readyState); if(xhr.readyState == 4 && xhr.status == 200){ alert(xhr.responseText); } }
il donne 1 puis 2 puis 3 puis 4 et finalement le message modifié en Firefox
&
il donne 1 puis 2 puis 3 puis 4 et finalement l'ancien message IE !!

20/03/2007, 09h15
magnus2005
A mon humble avis c'est la gestion de la cache d IE qui fait des siennes,
Dans ta requete essaie d'ajouter un timestamp du genre :
Code:

1 2 3 4 var date = new Date(); var myurl = "ajax.php?" + date.getTime(); xhr.open("GET",myurl,true);
pour la page ajax.php desactive explicitement la cache dans l en-tête de la reponse HTTP en PHP
20/03/2007, 12h04
insane_80

BRAVO magnus2005 !
Merci beaucoup.
Et enfin, le problème est résolu.
20/03/2007, 12h36
magnus2005

Bonne nouvelle :P
C est un probleme qui n est pas liée a au requete AJAX mais a toute les requetes en generales que ce soit sous IE ou FF et en entreprise il y a les proxy cache.
C est particulierement difficile à trouver parce que ça donne l'impression de BUG applicatif alors que c est des problemes qui viennent de la configuration du browser ou de celle du proxy (les 2 parfois).

Bon courage pour la suite