Discussion :

[alexxxx69]

Bonjour à tous,

J'ai un petit souci avec les appels ajax de JQuery.

J'ai une procédure bien trop longue que j'aimerai découper qui fait plusieurs appels. Avant j'avais ça :

Code :

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

1
2
3
4
5
6
7
8
 
var toto = $.post(monURL,monForm.serialize())
   .success(function () {
 
   })
   .error(function () {
 
   });

Jusqu'ici tout va bien. Mon souci est que dans le bloc success je fait un $.get avec aussi un bloc success qui fait encore un autre get (j'an ai 3 imbriqués).

Pour simplifier le code je voulais juste faire comme ceci :

Code :

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

1
2
3
4
5
6
7
8
 
   var toto = $.post(monURL,monForm.serialize())
 
   if(toto.status == 200){
      ...
   else
      ...
   }

Le problème c'est que le moteur javascript n'attends pas la fin de l'ajax et passe direct à la condition et de suite toto est null. Par contre quand je debug, au bout d'1 ou 2 sec ça marche.

J'ai essayé de rajouter une boucle while(toto == undefined) mais ça marche que en debug.

Si quelqu'un à une piste merci

[SpaceFrog]

heu callback ça te dit quelque chose ?

Code :

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

1
2
3
4
5
var toto = $.post(monURL,monForm.serialize(), function(){
if(toto.status == 200){
      ...}
   else{
      ...})

[Bovino]

Oui, comme dit Spaffy, c'est dans la partie .success() qu'il faut lancer l'appel suivant.

[SpaceFrog]

y'a un success sur le $.post ?
c'est pas dans le callback ?

[Bovino]

Les deux sont possibles et complémentaires

Code :

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

1
2
3
4
5
$.post('url', function(){
    alert('Coucou');
}).sucess(function(){
    alert('Encore moi !');
});

[SpaceFrog]

ha je suis toujours passé par le callback

Quand tu dis complémentaires ??? y'a une différence ?

[alexxxx69]

heu callback ça te dit quelque chose ?

heu oui oui biensur...

Mais en fait je voulais m'en passer pour éviter les imbrications.
En fait j'avais fait 2 méthodes postDonnees et getDonnees :

Code :

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

1
2
3
4
 
function postDonnees(procedure, data) {
    return $.post(procedure, data);
}

Et de cette manière ça simplifiait mon code.

Mais avec le callback ça marche biensur

y'a un success sur le $.post ?
c'est pas dans le callback ?

Et oui on peut avoir deux succès différent ...

[alexxxx69]

Si je met que ce code :

Code :

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

1
2
3
4
 
var retour = $.post(procedure, $("#formCoupleAdd").serialize(), function () {
                    if (retour.status == 200) {
                       [...]

D'une le test retour.status ne sert à rien car il sera toujours égal à 200, et de deux si l'ajax renvoi une erreur (code 500 par exemple) et ben sans le bloc .error ça ne marchera pas donc ne peut-on pas garder une forme simple et patienter le temps que l'ajax s'exécute ?

[Bovino]

Et oui on peut avoir deux succès différent ...

En fait, autant que tu veux car tu peux chainer autant de .success() que tu veux !

Si tu voulais parler des méthodes permettant d'exploiter le résultat, il y en a trois en réalité, ne pas oublier .ajaxSuccess().

[alexxxx69]

Je reposte car j'ai édité trop tard

Si je met que ce code :

Code :

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

1
2
3
4
 
var retour = $.post(procedure, $("#formCoupleAdd").serialize(), function () {
                    if (retour.status == 200) {
                       [...]

D'une le test retour.status ne sert à rien car il sera toujours égal à 200, et de deux si l'ajax renvoi une erreur (code 500 par exemple) et ben sans le bloc .error ça ne marchera pas donc ne peut-on pas garder une forme simple et patienter le temps que l'ajax s'exécute ?

[Bovino]

Ben c'est le rôle du callback ça...
Le callback est la fonction qui sera appelée lorsque la requête aura renvoyé un résultat.