[POO] Ajax.Request dans méthode de classe: récupérer réponse

Version imprimable

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:

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.

26/08/2008, 14h13
Matthieu2000

Citation:

this.AjaxResponse=jsonResponse;

?
26/08/2008, 14h59
pyd001
Salut matthieu et merci pour ta réponse
C'est exactement ce que j'ai fait au départ mais
Code:

1 2 this.getAjaxResponse(); alert("Ajaxresponse : " + this.AjaxResponse); // renvoie null
J'ai donc pensé que le this dans

Code:

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:

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("")
26/08/2008, 15h17
Matthieu2000

la request est elle synchrone ou asynthrone?
26/08/2008, 18h08
pyd001

Re, désolé pour le retard.

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

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

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