[AJAX] Erreur Ajax IE

**Sebastien14** · 26/11/2009, 11h37

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.

**E.Bzz** · 26/11/2009, 12h34

Bonjour,

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+

**Sebastien14** · 26/11/2009, 14h20

Voici mon code ajax :

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

**E.Bzz** · 26/11/2009, 14h27

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

A+

**Sebastien14** · 26/11/2009, 14h35

Et bien voici le code html :

Code :

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

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 :

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

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.

**E.Bzz** · 26/11/2009, 14h42

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+

**Sebastien14** · 26/11/2009, 14h49

Je réalise un développement sous un CMS, le { id } est interprété par ce CMS

**E.Bzz** · 26/11/2009, 14h53

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+

**Sebastien14** · 26/11/2009, 15h03

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?

**madevilts** · 26/11/2009, 15h41

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

Code :

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

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

Perso je ferais plutôt ça :

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

**Sebastien14** · 26/11/2009, 16h12

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

**madevilts** · 26/11/2009, 16h18

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

**Sebastien14** · 26/11/2009, 16h29

Une question j'ai remplacé la fin par ce que tu proposer :

Code :

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

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?

**madevilts** · 26/11/2009, 16h32

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.

**Sebastien14** · 26/11/2009, 16h36

Et bien non meme sous firefox cela ne marche plus maintenant

J'ai mis sa :

Code :

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

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

**madevilts** · 26/11/2009, 16h37

Envoyé par Sebastien14

Et bien non meme sous firefox cela ne marche plus maintenant

J'ai mis sa :

Code :

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

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 :

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

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

**Sebastien14** · 26/11/2009, 16h40

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.

**madevilts** · 26/11/2009, 16h48

le alert te retourne quelquechose de correct ?

**Sebastien14** · 26/11/2009, 16h52

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.

**E.Bzz** · 26/11/2009, 17h06

Envoyé par Sebastien14

Non je n'ai pas de alert.

Celle qu'a ajouté Madevilts

A tester en priorité

A+

[AJAX] Erreur Ajax IE

AJAX

Discussions similaires

Partager

Partager