Discussion :

[FotoXe33]

Bonjour à tous,

Voilà, j'ai un script js me permettant de récupérer via ajax (j'utilise jQuery pour plus de facilité) une valeur que je doit ensuite mettre dans un attribut de l'objet duquel découle cette même fonction.
L'ennui, c'est que JS n'arrive pas à faire une chose pareil. Serais-ce une histoire de callback ? (pas bien compris le principe).

Mon script :

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
18
19
20
 
var monObj = function(){
    var maVar = null; // Attribut privé à changer
 
    sendAjaxRequest     = function(){
        $.ajax({
            url         : ((new Error()).fileName.replace(/(^.*)(\/)(.*$)/gi, "$1$2"))+"monfichierserver.php",
            type        : "POST",
            data        : "bla=blabla",
            cache       : false,
            success     : function(valR){
                if(valR!==0 && valR!==null){
                    maVar         = valR;
                }
            }
        });
 
        return (maVar!==null); // CE TEST VAUT FALSE !!!
    }
};

En gros, l'attribut maVar doit se faire remplacer par le résultat de ma requette, mais impossible...
Je précise que le problème ne viens pas d'ajax qui me retourne la bonne valeur comme prévu. Je n'arrive juste pas bien a comprendre la portée des variables en objet dans js...

D'avance merci pour votre aide...

[SpaceFrog]

essaye de attacher ta variable à la fonction ..

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
18
19
var monObj = function(){
    this.maVar = null; // Attribut privé à changer
 
    sendAjaxRequest     = function(){
        $.ajax({
            url         : ((new Error()).fileName.replace(/(^.*)(\/)(.*$)/gi, "$1$2"))+"monfichierserver.php",
            type        : "POST",
            data        : "bla=blabla",
            cache       : false,
            success     : function(valR){
                if(valR!==0 && valR!==null){
                    monObj.maVar         = valR;
                }
            }
        });
 
        return (nomObj.maVar!==null); // CE TEST VAUT FALSE !!!
    }
};

[Bovino]

Ben surtout, attends d'avoir récupéré la valeur avant d'essayer de l'affecter...
Un classique AJAX : utiliser les données au bon moment !

JS n'arrive pas à faire une chose pareil

Ce serait pas plutôt : "je n'arrive pas à faire une chose pareille avec JS" ?

[SpaceFrog]

ha oui le return dans le success ^^

[FotoXe33]

Merci à vous deux.

Ce serait pas plutôt : "je n'arrive pas à faire une chose pareille avec JS" ?

En effet :p

@SpaceFrog : Si je fais ce que tu préconise, maVar n'est alors plus un attribut privé et se voi donc accessible et modifiable a l'extérieur de l'objet, ce que je ne souhaite absolument pas...
De plus, il me semble que faire un return dans une fonction anonyme est déprécié...

@Bovino : Merci pour le lien. Il est vrai que je fais (hélas) encore ce genre d'erreur de base... Que préconises-tu dans ce contexte alors ? Car mettre l'instruction ajax dans une autre fonction serait juste inutile à mon sens puisque j'en ai besoin uniquement pour cette fonction.


Plus généralement, travaillant avec Komodo Edit, ce dernier m'a indiqué le problème de return dans le success ajax. Est-ce un réel problème ? Quels changements implique ?

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
18
19
20
 
var monObj = function(){
    var maVar = null; // Attribut privé à changer
 
    sendAjaxRequest     = function(){
        $.ajax({
            url         : ((new Error()).fileName.replace(/(^.*)(\/)(.*$)/gi, "$1$2"))+"monfichierserver.php",
            type        : "POST",
            data        : "bla=blabla",
            cache       : false,
            success     : function(valR){
                return (valR!==0 && valR!==null) ? valR : null;
            }
        });
 
        // Je met quoi ici ? maVar = valR; ou maVar = avant le $.ajax ?
 
        return (maVar!==null); // CE TEST VAUT FALSE !!!
    }
};

D'avance merci...

[Willpower]

Bonjour à tous,

Voilà, j'ai un script js me permettant de récupérer via ajax (j'utilise jQuery pour plus de facilité) une valeur que je doit ensuite mettre dans un attribut de l'objet duquel découle cette même fonction.
L'ennui, c'est que JS n'arrive pas à faire une chose pareil. Serais-ce une histoire de callback ? (pas bien compris le principe).

Mon script :

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
18
19
20
 
var monObj = function(){
    var maVar = null; // Attribut privé à changer
 
    sendAjaxRequest     = function(){
        $.ajax({
            url         : ((new Error()).fileName.replace(/(^.*)(\/)(.*$)/gi, "$1$2"))+"monfichierserver.php",
            type        : "POST",
            data        : "bla=blabla",
            cache       : false,
            success     : function(valR){
                if(valR!==0 && valR!==null){
                    maVar         = valR;
                }
            }
        });
 
        return (maVar!==null); // CE TEST VAUT FALSE !!!
    }
};

En gros, l'attribut maVar doit se faire remplacer par le résultat de ma requette, mais impossible...
Je précise que le problème ne viens pas d'ajax qui me retourne la bonne valeur comme prévu. Je n'arrive juste pas bien a comprendre la portée des variables en objet dans js...

D'avance merci pour votre aide...

essaye simplement d'ajouter à ton code initial, le paramètre async : false à ta requête ajax. (je pense que ça devrait résoudre ton problème, même si les requêtes synchrones ne sont pas ce qu'il y a de mieux puisqu'elles bloquent ton code jusqu'à l'obtention d'une réponse.)

[dukej]

essaye simplement d'ajouter à ton code initial, le paramètre async : false à ta requête ajax. (je pense que ça devrait résoudre ton problème, même si les requêtes synchrones ne sont pas ce qu'il y a de mieux puisqu'elles bloquent ton code jusqu'à l'obtention d'une réponse.)

Une méthode qui fait de l'ajax est asynchrone, donc elle ne doit pas retourner de valeur, mais plutôt appeler une methode de callback qui recevra cette valeur en paramètre.

[FotoXe33]

essaye simplement d'ajouter à ton code initial, le paramètre async : false à ta requête ajax. (je pense que ça devrait résoudre ton problème, même si les requêtes synchrones ne sont pas ce qu'il y a de mieux puisqu'elles bloquent ton code jusqu'à l'obtention d'une réponse.)

Ah oui pas bête, à tester...

Une méthode qui fait de l'ajax est asynchrone, donc elle ne doit pas retourner de valeur, mais plutôt appeler une methode de callback qui recevra cette valeur en paramètre.

Oui c'est ce que je souhaitais faire à la base mais j'avoue ne pas avoir tout compris du callback :/ J'vais me taper un p'tit tutos et essayer de voir ça...

[Willpower]

ce qu'on appelle "callback" n'est autre que la fonction qu'on exécute lorsqu'on reçoit la réponse du serveur.

dans ton cas :

Code :

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

1
2
3
4
5
 success     : function(valR){
                if(valR!==0 && valR!==null){
                    maVar         = valR;
                }
            }

EST la fonction de callback. c'est à partir de là que tu dois déclencher les mises à jour de ta page.

[FotoXe33]

Dans mon cas impossible...

Quant à async : false, marche pas :/