Problème au niveau de IE ! [Fait]

**insane_80** · 16/03/2007, 19h31

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 :

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

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.

**magnus2005** · 16/03/2007, 21h17

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 :

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

xhr_object.onreadystatechange=tafonctiondetraitement

**Gig_Gig** · 17/03/2007, 00h23

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 :

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

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);
		}

**insane_80** · 17/03/2007, 12h02

J'ai remplacé ce code:

Code :

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

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

par :

Code :

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

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.

**thegreatbato** · 19/03/2007, 10h37

et ça ?

Code :

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

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

?

**magnus2005** · 19/03/2007, 10h51

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 :

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

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 :

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

1
2
3
4
 
xhr_object.onreadystatechange=file(fichier)
xhr_object.open("GET", fichier, false);
			xhr_object.send(null);

**insane_80** · 19/03/2007, 15h09

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

**magnus2005** · 19/03/2007, 15h37

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 ?

**insane_80** · 19/03/2007, 15h58

la page index.html:

Code :

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

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 :

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

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

**magnus2005** · 19/03/2007, 16h53

ça me semble ok dans la theorie,

essaie d'afficher les differentes readystate.

Tu as quoi comme erreur tres exactement

**insane_80** · 19/03/2007, 19h59

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 :

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

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

Problème au niveau de IE ! [Fait]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager