xhr.readyState < 4 avec jQuery [Résolu]

[okoweb]

Bonjour,
je suis familié avec ajax sans jquery :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	var xhr = getXMLHttpRequest();
	xhr.onreadystatechange = function(){
          if(xhr.readyState == 4 && xhr.status == 200){
                var rst = eval('(' + xhr.responseText + ')');		
		...
 
  	  } else if (xhr.readyState < 4) {
	        ....
          }
	  };
	xhr.open("POST","fichier.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send()

Comment faire cela avec jquery. En fait je sais pas comment gérer ceci :

Code :

1
2
3
4
5
6
7
 
if(xhr.readyState == 4 && xhr.status == 200){
    var rst = eval('(' + xhr.responseText + ')
     ...
} else if (xhr.readyState < 4) {
....
}

En fait l'idée pour moi est de gérer un loader tant que xhr.readyState < 4

Merci d'avance...

[okoweb]

Bonjour,
dans mes recherches j'ai fait ceci :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var xhr=$.ajax({
    type: "POST",
    url: "fichier.php",
    data: null
  });
 
xhr.onreadystatechange = function(){
          if(xhr.readyState == 4 && xhr.status == 200){
                var rst = eval('(' + xhr.responseText + ')');		
		...
 
  	  } else if (xhr.readyState < 4) {
	        ....
          }
	  };
  };

Je n'ai pas testé, y'a pas mieux avec jquery ?

[Bovino]

Non, à ma connaissance, jQuery n'apporte pas de gestion du readyState pendant la requête.
Ensuite, la bonne question est de savoir à quoi cela est utile, car en réalité, seul le readyState 3 peut avoir un intérêt et encore, dans des cas très restreints, notamment lorsque les données reçues sont volumineuses (parce que dans la plupart des cas, les données reçues le sont en un seul paquet et il n'y a pas de différence entre l'état 3 et l'état 4).

En fait l'idée pour moi est de gérer un loader tant que xhr.readyState < 4

Dans ton cas, ce type de gestion est inutilement alourdi, tu peux utiliser avantageusement le beforeSend() par exemple et le success ou le complete.

[okoweb]

Envoyé par Bovino

tu peux utiliser avantageusement le beforeSend() par exemple et le success ou le complete.

Pour bien m'expliquer, je souhaite dans une div, rendre visible une image de préchargement lors de l'attente du résultat ajax et une fois le retour de la réponse remplacer cette image par le contenu de retour.

Code :

1
2
3
4
5
6
7
8
9
 
$.ajax({
   type: "POST",
   url: "fichier.php",
   data: "name=John&location=Boston",
   success: function(msg){
     $("#elt").html(msg);
   }
 });

Comment adapter ce code à ce que je souhaite faire ?

Merci d'avance...

[Bovino]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$.ajax({
   type: "POST",
   url: "fichier.php",
   data: "name=John&location=Boston",
   beforeSend: function(){
      // affiche l'image
   },
   complete: function(){
      // efface l'image
   },
   success: function(msg){
     $("#elt").html(msg);
   }
 });

[okoweb]

Envoyé par Bovino

Code :

Merci...