Discussion :

[okoweb]

Bonjour,
je suis familié avec ajax sans jquery :

Code :

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

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 :

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

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 :

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

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 :

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

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 :

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

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]

Code :

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

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

Merci...