Discussion :

[pyd001]

Salut à tous.
J'essaie de faire un peu de poo en js mais je galère. Je pense qu'un exemple de code sera assez parlant: ma question est en commentaire.

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
21
22
23
24
25
26
27
28
29
30
 
// instanciation
var c = new MaClasse();
c.updatePage();
 
// constructeur
function MaClasse() {
    // variables de classe
    this.AjaxResponse = null;
    // ...
 
    // méthodes
    this.updatePage = function() {
        // code...
        this.getAjaxResponse();
        // code...
    }
 
    this.getAjaxResponse = function() {
        new Ajax.Request('url', {options},
            onSuccess : function(transport) {
                jsonResponse = transport.responseText || null;
// ICI je ne sais pas comment faire pour affecter jsonResponse
// dans ma variable de classe this.AjaxResponse
// ou appeler une autre méthode de MaClasse avec jsonResponse en param
 
                }
        );
    }
}

Merci de votre aide.

[Matthieu2000]

this.AjaxResponse=jsonResponse;

?

[pyd001]

Salut matthieu et merci pour ta réponse
C'est exactement ce que j'ai fait au départ mais

Code :

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

1
2
this.getAjaxResponse();
alert("Ajaxresponse : " + this.AjaxResponse); // renvoie null

J'ai donc pensé que le this dans

Code :

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

this.AjaxResponse = jsonResponse;

ne faisait pas référence à MaClasse mais à l'objet Ajax.Request.
Maintenant en lisant ta réponse je me demande si mon

Code :

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

alert("Ajaxresponse : " + this.AjaxResponse);

n'arrive pas trop tôt : ie que la variable this.Ajaxresponse n'a pas encore été modifiée au moment de l'alert("")

[Matthieu2000]

la request est elle synchrone ou asynthrone?

[pyd001]

Re, désolé pour le retard.

J'utilise la librairie prototype et les AJax.Request sont par défaut asynchrones

[pyd001]

ok , j'ai compris grace à ta question. J'ai testé avec ces modifications:

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
// instanciation
var c = new MaClasse();
c.updatePage();
 
// constructeur
function MaClasse() {
    // variables de classe
    this.AjaxResponse = null;
    // ...
 
    // méthodes
    this.updatePage = function() {
        // code...
        this.getAjaxResponse();
        // code...
    }
 
    this.getAjaxResponse = function() {
        new Ajax.Request('url', {options},
            onSuccess : function(transport) {
                jsonResponse = transport.responseText || null;
// MODIF 1
                testResponse();
//
 
// ICI je ne sais pas comment faire pour affecter jsonResponse
// dans ma variable de classe this.AjaxResponse
// ou appeler une autre méthode de MaClasse avec jsonResponse en param
 
                }
        );
    }
 
// MODIF 2 : ajout methode testResponse() appelée apres succes requete
    this.testResponse()
    {
        alert(this.AjaxResponse);  // ici j'ai bien mon json
    }
}

Donc c'était pas un problème de this mais de délai. Ça veut dire que je devrais faire mon eval json et mes updates d'éléments dans une fonction appelée depuis le onSuccess ou passer en mode synchrone pour poursuivre l'exécution de mon script après la réception de la réponse.

Merci pour ton aide.