Attendre la fin d'exécution de la fonction Ajax

Version imprimable

J'ai une focntion contenant de l'ajax et j'aimerai sortir de la fonction lors du resultat de l'ajax.
Mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function ma_fonction { $.ajax({ url: "test.php", type: "POST", data: { param1: "pouet", param2: "truc" }, success: function(response) { var result = $.trim(response); //divers traitements //sortie } }); }
L'intérêt est dde sortir au niveau du commentaire "sortie" de façon à être certain que l'ajax soit terminé au moment où on sort de la fonction.

C'est peut être bête mais là je tourne en rond

une idée ?

edit : tu as oublié les parenthèses juste après ma_fonction()

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function ma_fonction() {
$.ajax({
            url: "test.php",
            type: "POST",
            data: {
                param1: "pouet",
                param2: "truc"
            },
            success: function(response) {
                var result = $.trim(response);
 
                //divers traitements
 
                //sortie
            }
        })
        .done(function(d){
            console.log("done :"+d);
           //ajax s'est terminé avec succès
          // ton code ici ...
        });
}

05/12/2018, 14h36
ben01n

Merci pour l'idée mais comme le "done" est une fonction, si je fait un "return", ça ne sort pas de la fonction mère mais de la fonction du "done"

Bonjour, peut être qu'une bonne idée serait d'utiliser le mode synchrone de ajax, ici tu n'as pas d'intérêt d'être asynchrone vu que tu veux attendre que la requête soit finis
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ma function = function(){ var myresut = ""; $.ajax({ url: "", type: "POST", async: false, // Mode synchrone data: ({}), success : function(){ myresut = "OK" } }); return myresut }

Les focntion sont exécutées en bulle, et chronologiquement le return en fin de fonction ne donnera pas le résultat escompté car la variable ne sera pas modifié par le success avant le return ...

Essaye un return de l'ajax

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
 
function ma_fonction() {
return  $.ajax({
            url: "test.php",
            type: "POST",
            data: {
                param1: "pouet",
                param2: "truc"
            },
            success: function(response) {
                var result = $.trim(response);
 
                //divers traitements
 
                //sortie
            }
        })
        .done(function(d){
            console.log("done :"+d);
           //ajax s'est terminé avec succès
          // ton code ici ...
        return "foo";
        });
}

06/12/2018, 20h26
Invité

Bonjour,

sauf erreur, on ne mélange pas .success et .done : jQuery.ajax() - exemples

Citation:

Deprecation Notice:
The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0.
You can use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.
07/12/2018, 05h38
psychadelic

Un appel Ajax, c'est de l'asynchrone, alors il n'y a pas 36 solutions, soit tu utilises un callBack, soit tu passes par les promesses.

Bonjour,

Citation:

Envoyé par ben01n

L'intérêt est dde sortir au niveau du commentaire "sortie" de façon à être certain que l'ajax soit terminé au moment où on sort de la fonction.

je comprends ton besoin, mais le langage JavaScript n’est pas vraiment fait pour ça, tu essayes de le plier dans le mauvais sens. Tu peux y arriver si tu forces, mais le résultat ne sera pas propre.

Citation:

Envoyé par Chuck 3.50

Bonjour, peut être qu'une bonne idée serait d'utiliser le mode synchrone de ajax

C’est une idée intuitive certes, mais ce n’est pas une bonne idée. L’ajax synchrone est déprécié, car en cas de mauvaise connexion, il cause un gel de l’interface.

Au-delà d’une pratique de codage, c’est le concept même de requête asynchrone qu’il faut comprendre : ta fonction ma_fonction lance sa requête ajax, et termine sans attendre la réponse. C’est le comportement normal de JavaScript.

Si tu veux absolument pouvoir agir sur une valeur renvoyée par ma_fonction, renvoie directement la valeur de $.ajax( ... ), c’est un objet jqXHR qui implémente les méthodes .done(), .fail() et .always().
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function ma_fonction() { return $.ajax({ url: "test.php", method: "POST", // il faut arrêter d’utiliser `type`, trop facile de confondre avec `dataType` data: { param1: "pouet", param2: "truc" } }); } // ailleurs dans le code // ... var jqXHR = ma_fonction(); jqXHR.done(function(response) { var result = $.trim(response); //divers traitements //sortie });
Je vais me répéter, avec une autre métaphore à deux sous (:mrgreen:) : vouloir faire de l’ajax synchrone, c’est aller contre le vent. On pense que c’est plus simple, mais en n’apprenant jamais un des concepts majeurs du langage, on s’interdit de comprendre tous les tutos et les exemples de code qui parlent de ça. C’est une fausse facilité.

08/12/2018, 14h48
psychadelic

Citation:

Envoyé par Watilin

Je vais me répéter, avec une autre métaphore à deux sous (:mrgreen:) : vouloir faire de l’ajax synchrone, c’est aller contre le vent. On pense que c’est plus simple, mais en n’apprenant jamais un des concepts majeurs du langage, on s’interdit de comprendre tous les tutos et les exemples de code qui parlent de ça. C’est une fausse facilité.

moi, je la trouve très bien cette amphore à 2 sous, et je dirais même plus, parce que je suis Breton, qu'ici, on à un dicton avec les cap-horniers :ceux la on le droit de pisser contre le vent 'sans qu'on ce moque d'eux), il n’empêche, ils se pissent quand même dessus (et il y a un sens profond derrière cette boutade).
10/12/2018, 10h18
Chuck 3.50

Oui je suis d'accord avec toi, tant que la requête n'est pas retourner on peut toujours afficher un loader sur le site par exemple !
c'est vrai que j'ai répondu un peu bêtement à la question pour répondre à un besoin précis qui est "une fonction qui doit retourner le résultat d'une requête ajax",
mais en effet le mieux pour l'auteur de ce sujet c'est de repenser ce qu'il a envie de faire en utilisant les promesses / des loaders dans l'interface etc ...