[AJAX] Erreur Ajax IE

Version imprimable

26/11/2009, 11h37
Sebastien14

[AJAX] Erreur Ajax IE

Bonjour,

Je rencontre un problème avec Ajax sous IE8. J'ai une fiche de frais pour lequel l'utilisateur peut supprimer un frais en cliquant simplement dessus. Derrière j'exécute un fichier php qui va mettre à jour la base de données pour mettre un champ valide à 0. Mon code fonctionne parfaitement sous Firefox mais pas sous IE. C'est comme si requete sql ne s'execute pas puisque le champ de ma base ne change pas. Il y a t-il des particularités que je dois connaître pour faire fonctionner du code ajax sous IE?

Merci pour votre aide.
26/11/2009, 12h34
E.Bzz

Bonjour,

Citation:

Envoyé par Sebastien14

Il y a t-il des particularités que je dois connaître pour faire fonctionner du code ajax sous IE?

tout dépend du code en question (HTML + JS) ...
On peut voir ?

A+

Voici mon code ajax :

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
 
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
 
 
xhr_object.onreadystatechange = function()
{
	if(xhr_object.readyState == 4)
	{
		if(xhr_object.status == 200)
		{
			var elem;
			var nb_tr;
			var nb_repas_midi;
			var total_indemnitee_repas_soir;
			var total_indemnitee;
			var total_indemnitee_nuitee;
 
			reponse=xhr_object.responseText;
 
			if (type_indemnitee=='repas_soir')
			{
				elem=reponse.split('-');
				total_indemnitee_repas_soir=elem[0];
				total_indemnitee=elem[1];
				document.getElementById('total_repas_soir').innerHTML=total_indemnitee_repas_soir;
				document.getElementById('total_indemnitee').innerHTML=total_indemnitee;
			}
 
		}
	}
}
xhr_object.open("GET", "indemnitee.php?infos="+infos, true);
xhr_object.send(null);

Dans mon fichier php je fais un get des infos passer et je fais une requête sql. Ce qui fonctionne très bien sous firefox donc le problème ne vient pas de là.

26/11/2009, 14h27
E.Bzz

Citation:

Envoyé par Sebastien14

Ce qui fonctionne très bien sous firefox donc le problème ne vient pas de là.

D'une part ce n'est pas parce que "ça fonctionne très bien sous Firefox" que ça ne pose pas de problème avec IE,
d'autre part, si je te demandais aussi le code HTML, ce n'est pas pour rien :mrgreen:

A+

Et bien voici le code html :

Code:

1
2
 
<div id="irs_{ id }" onclick="barrer('irs_{ id }',{ id },'repas_soir','{ type_evenement }');" style="text-decoration:none">{ indemnitee_repas_soir }</div>

Et voici la partie php :

Code:

1
2
3
4
5
6
7
8
9
10
 
$infos=$_GET['infos'];
list($id_deplacement,$indemnitee,$type_evenement,$id_mois,$id_agent,$valide)=split('-',$infos);
 
if ($indemnitee=='repas_soir')
{
	//mise à jour des indemnités du soir pour le déplacement
	mysql_query('update fd_montant_total_indemnite set valide='.$valide.' where id_deplacement='.$id_deplacement.' and id_agent='.$id_agent.' and id_mois='.$id_mois.' and id_indemnite=1 and intitule="soir" and type_evenement="'.$type_evenement.'"');
 
}

Voila, merci pour ton aide.

26/11/2009, 14h42
E.Bzz

La partie HTML, c'est uniquement du code généré ?

Parce que si c'est le cas, "irs_{ id }" ne passe pas comme id sous IE ...

A+
26/11/2009, 14h49
Sebastien14

Je réalise un développement sous un CMS, le { id } est interprété par ce CMS
26/11/2009, 14h53
E.Bzz

Alors il faudrait voir ce que son interprétation génère comme valeur pour ces id ...

Par exemple, pour IE uniquement, un problème qui pourrait se poser est qu'un des id générés corresponde au name d'un élément de la page ...

Et que ce soit FF ou IE, ton paramètre { id } de la fonction barrer() n'est pas correct : il faut l'entourer de quottes, sinon il sera interprété comme une variable (qui risque fortement de ne pas exister) ...

A+
26/11/2009, 15h03
Sebastien14

Mon problème ne vient pas de mon code html, le code est contenu dans un template du CMS qui interprète bien cette id, si je fais un alert dans ma fonction javascript il m'affiche bien l'id. A chaque fois l'id est juste un nombre. L'id du div sera donc de la forme irs_53.

Tu crois que mon problème viens de la? Dans ce cas il n'exécuterai pas du tout ma fonction javascript non?

Il manquerait pas ça (à mettre avant le send)

Code:

xhr_object.setRequestHeader('Content-type','application/x-www-form-urlencoded');

Perso je ferais plutôt ça :

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
 
var xhr_object;
try
{
  xhr_object = new XMLHttpRequest(); //  Firefox, Safari, ...
}
catch(e1)
{
  try
  {
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer
  }
  catch(e2)
  {
    alert('Votre navigateur ne supporte pas XMLHTTPREQUEST');
  }
}
 
xhr_object.onreadystatechange = function()
{
	if(xhr_object.readyState == 4)
	{
		if(xhr_object.status == 200)
		{
			var elem;
			var nb_tr;
			var nb_repas_midi;
			var total_indemnitee_repas_soir;
			var total_indemnitee;
			var total_indemnitee_nuitee;
 
			reponse=xhr_object.responseText;
 
			if (type_indemnitee=='repas_soir')
			{
				elem=reponse.split('-');
				document.getElementById('total_repas_soir').innerHTML=elem[0];
				document.getElementById('total_indemnitee').innerHTML=elem[1];
			}
 
		}
	}
}
xhr_object.open("GET", "indemnitee.php", true);
xhr_object.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr_object.send('infos='+escape(infos));

26/11/2009, 16h12
Sebastien14

Merci pour ton aide, j'ai essayé mais sa ne change pas mon code fonctionne sous Firefox mais toujours pas sous IE!

Je perds un temps fou pour rendre compatible le code avec IE, je propose de le supprimer de tous les postes. lol

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
var xhr_object;
try
{
  xhr_object = new XMLHttpRequest(); //  Firefox, Safari, ...
}
catch(e1)
{
  try
  {
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer
  }
  catch(e2)
  {
    alert('Votre navigateur ne supporte pas XMLHTTPREQUEST');
  }
}
 
xhr_object.onreadystatechange = function()
{
	if(xhr_object.readyState == 4)
	{
		if(xhr_object.status == 200)
		{
			alert(xhr_object.responseText);
			reponse=xhr_object.responseText;
 			if (type_indemnitee=='repas_soir')
			{
				elem=reponse.split('-');
				document.getElementById('total_repas_soir').innerHTML=elem[0];
				document.getElementById('total_indemnitee').innerHTML=elem[1];
			}
		}
	}
}
xhr_object.open("GET", "indemnitee.php");
xhr_object.send('infos='+escape(infos));

Est ce que l'affichage du alert est correct ?
d'ou sort type_indemnite ?

26/11/2009, 16h29
Sebastien14
Une question j'ai remplacé la fin par ce que tu proposer :
Code:

1 2 3 xhr_object.open("GET", "indemnitee.php"); xhr_object.send('infos='+escape(infos));
Comment je fais ensuite dans le fichier php pour récupérer la variable infos?
26/11/2009, 16h32
madevilts

Ca ne doit rien changer à ce niveau.
Ce que tu passes au send, passe en paramètre GET vu que tu l'as spécifié dans le open.

Autrement remet comme tu avais ;) c'est juste question d'habitude que j'ai mis ça. Le escape peut être utile par contre, il permet de "coder" les caractères spéciaux pour ne pas provoquer d'erreur dans l'url.
26/11/2009, 16h36
Sebastien14
Et bien non meme sous firefox cela ne marche plus maintenant

J'ai mis sa :
Code:

1 2 3 xhr_object.open("GET", "indemnitee.php"); xhr_object.send('infos='+infos);
26/11/2009, 16h37
madevilts
Citation:
Envoyé par Sebastien14

Et bien non meme sous firefox cela ne marche plus maintenant

J'ai mis sa :

Code:

1 2 3 xhr_object.open("GET", "indemnitee.php"); xhr_object.send('infos='+infos);
C'est vrai que je fais ça mais en POST...

retest comme ça :
Code:

1 2 3 xhr_object.open("GET", "indemnitee.php?infos="+infos, true); xhr_object.send(null);
26/11/2009, 16h40
Sebastien14

J'ai remis comme avant, en faite maintenant par moment sa marche et à d'autre sa ne marche pas, j'adore.

Merci pour ton aide.
26/11/2009, 16h48
madevilts

le alert te retourne quelquechose de correct ?
26/11/2009, 16h52
Sebastien14

Non je n'ai pas de alert.

Je regardera sa demain, parce que la il y a un truc qu'il doit m'échapper depuis le temps que je suis dessus.

Merci pour ton aide, si tu as besoin d'aide en php ou autre n'hesite pas à m'envoyer un mp on sait jamais.
26/11/2009, 17h06
E.Bzz

Citation:

Envoyé par Sebastien14

Non je n'ai pas de alert.

Celle qu'a ajouté Madevilts

A tester en priorité ;)

A+

Et ça ?

Code:

1
2
xhr_object.open("GET", "indemnitee.php", true);
xhr_object.send('infos='+infos);

27/11/2009, 14h36
madevilts

Yes.
Déjà si tu as bien un alert(...) dans le code et qu'il ne t'affiche rien, cela veut dire que ta requete Ajax ne retourne rien.
30/11/2009, 08h55
Sebastien14

Bah elle doit bien me retourner quelques chose vu que cela fonctionne sous Firefox non?
30/11/2009, 10h13
Sebastien14

Pour information j'ai enfin résolu mon problème, en rajoutant à mon fichier php :

Code:

header("Cache-Control: no-cache");