[AJAX] Script marche sur Firefox mais pas sous IE

Version imprimable

Bonjour tout le monde ! Voila il se trouve que j'ai besoin d'utiliser l'ajax dans mon application web mais j'ai un souci: Sur Firefox aucun problème tout se lance parfaitement. Sous IE aucun traitement ne se fait et sous IE j'ai l'erreur suivante :

http://i85.servimg.com/u/f85/11/95/73/00/conten10.png

Voici le code :

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
function ajax() 
{
    var xhr_object;
    if(window.XMLHttpRequest) // Firefox et autres
    {
        xhr_object = new XMLHttpRequest();
    } 
    elseif(window.ActiveXObject)  // Internet Explorer
    {
        var ieversions = ['Msxml2.XMLHTTP',
                               'Microsoft.XMLHTTP',
                               'Msxml2.XMLHTTP.5.0',
                               'Msxml2.XMLHTTP.4.0',
                               'Msxml2.XMLHTTP.3.0'
                               ];             
         for(var i=0; !xhr_object && i<ieversions.length; i++)     
         {         
              try        
              {            
                  xhr_object = new ActiveXObject(ieversions[i]);        
              }         
              catch(e)         
              {             
                  xhr_object = null;  
              }       
           }     
      }
 
    return xhr_object;
}
 
 
 
	function requeteajax(div,fichier,lien){
 
	  var xhr_object=null;
	  var data = '?lien='+lien;
	  xhr_object=ajax();
   	fichier= fichier+data;
	xhr_object.open("GET", fichier, false); 
	xhr_object.send(null);
	 if(xhr_object.readyState == 4){
       document.getElementById(div).innerHTML=xhr_object.responseText;
	}
	}
 
// Un peu plus loin se fait l'appel dans une autre fonction :
 
for (i = 2; i < 7; i++)
					{
						requeteajax(i,'resultat/'+i+'.php',lien);
					}

Je ne comprends pas,ca marche sur Opera, sur Firefox, sur Chrome ca met le temps mais ca affiche tout d'un bloc plutôt que petit à petit (mais ca marche^^) mais sur IE rien...

Voila les lignes de 3 à 6 puisque c'est le 5 qui ne marche pas :

Code:

1
2
3
4
 var xhr_object;
    if(window.XMLHttpRequest) // Firefox et autres
    {
        xhr_object = new XMLHttpRequest();

05/03/2009, 10h35
obito

BOn j'ai trouvé c'était juste elseif à mettre en else if... :aie:

Mais question : Le script s'exécute bien sur IE maintenant sauf qu'il freeze mon navigateur quelqu'un aurait une solution pour ça?
05/03/2009, 10h46
Bovino

Citation:

Envoyé par obito

BOn j'ai trouvé c'était juste elseif à mettre en else if... :aie:

Mais question : Le script s'exécute bien sur IE maintenant sauf qu'il freeze mon navigateur quelqu'un aurait une solution pour ça?

Ben oui,

Code:

xhr_object.open("GET", fichier, false);

ta requête est synchrone (argument false) donc le script attend la réponse du serveur pour continuer.
Passe à true pour avoir le mode asynchrone.

Oui c'est vrai IE ne freeze plus cependant je ne le met pas en résolu car... En fait je fais des affichage par block comme le prouve ce :
Code:

1 2 3 4 for (i = 2; i < 7; i++) { requeteajax(i,'resultat/'+i+'.php',lien); }
Sachant que dans la fonction requeteajax c'est ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function requeteajax(div,fichier,lien){ var xhr_object=null; var data = '?lien='+lien; xhr_object=ajax() fichier= fichier+data; xhr_object.open("GET", fichier, true); xhr_object.send(null); if(xhr_object.readyState == 4) {document.getElementById(div).innerHTML=xhr_object.responseText; } }
Le problème c'est que sur IE maintenant il ne m'affiche que le premier block, donc c'est comme s'il faisait une seule boucle ou alors qu'il n'arrivait pas de retour sur sur la fonction :

Code:

requeteajax(div,fichier,lien)

05/03/2009, 11h32
Bovino

Le nombre de requêtes Ajax simultanées peut être limité par le serveur, donc du coup, le surplus n'est pas traité.
La solution pourrait être de ne lancer la requête suivante que dans le callback de la précédente (et donc de revoir un peu la structure de ta boucle ;))
05/03/2009, 11h46
obito

Ha d'accord ok je vais tester ca de suite merci en tout cas.

Donc en fait l'histoire du callback ca serait :

Citation:

SI l'appel de la fonction se fait bien ALORS on fait un autre appel

Non, c'est quand la réponse est reçue que tu lances la suivante :
Code:

1 2 3 4 if(xhr_object.readyState == 4){ document.getElementById(div).innerHTML=xhr_object.responseText; // ici tu lances la requête suivante }