Callback ajax dans une class

Version imprimable

Bonjour à tous,

Voici mon problème :
J'utilise jquery pour mes requêtes en ajax (entre autre) mais mon projet est totalement développé en class. Lorsque la fonction de callback, après la requête ajax, est appelée je perd mon objet..
Je sais pas si c'est très clair alors voici un exemple :
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 var _mf = {}; _mf.myClass = function() { this.testVar = 'bar'; } _mf.myClass.prototype = { getData: function(id) { $.ajax({ url: 'http://www.mywebsite.com/getdata/', data: 'id='+id, success: this.getDataCallback, type: 'POST', dataType: 'json', cache: false, async: false }); }, getDataCallback: function(data, textStatus) { alert(this.testVar); // return "undefined" this.testFct(); // erreur JS function not defined... }, testFct: function() { alert('testFct : ok'); } } var obj = new _mf.myClass(); obj.getData(1);
lorsque getDataCallback est appelé et bien je perd mon objet ....

J'espère que vous pourrez m'aider.

Matt

04/02/2009, 08h42
Fishou

J'ai le même problème, tu as trouvé une solution ?
1 an et demi après... !

Salut,

en effet, this représente l'élément ayant provoqué l'évènement
pour palier à ce problème tu peux utiliser apply ou alors la technique
suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
   getData: function(id) {
      var obj = this; // copie this dans obj
      $.ajax({
            url: 'http://www.mywebsite.com/getdata/',
            data: 'id='+id,
            // obj est visible depuis la fonction interne (closure)
            success: function(data, textStatus) { obj.getDataCallback(data, textStatus) },
            type: 'POST',
            dataType: 'json',
            cache: false,
            async: false
         });
   },

Un peu de doc sur les closures