OOP javascript, from a AJAX 'statement' in a method, how call an another method of the class?

Question

I have this simple class :

class myCustomClass{

    foo(value){
        //do some stuff
    }

    faa(){
        //do some stuff
        $.getJSON( someUrl, function(data) {
            // how call the method foo(value) here ?
            this.foo('fii'); // error occured here, because 'this' is not in 'class' context        
        }
    }
}

How can I use the method 'foo(value)' in the method faa when I use an AJAX statement ? I can't use a simply 'this.foo(value)' here because the context of 'this' in the AJAX statement isn't the 'class' context (but the AJAX context)

Coming from c# I think you need to instantiate the class inside the ajax call and then use it. — Jabberwocky
– Jabberwocky, Commented Nov 14, 2018 at 16:25

Rory McCrossan · Accepted Answer · 2018-11-14 16:21:35Z

5

You need to 'cache' the reference to the class in the outer scope so it can be used in the inner scope of your AJAX callback, like this:

faa() {
  var _class = this; // cache class reference here

  // do some stuff

  $.getJSON(someUrl, function(data) {
    _class.foo('fii'); // use it here
  });
}

Alternatively you can use an arrow function, assuming you never need to use the inner scope of the callback:

faa() {
  // do some stuff

  $.getJSON(someUrl, (data) => {
    this.foo('fii'); // use it here
  });
}

answered Nov 14, 2018 at 16:21

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nash11 · Accepted Answer · 2019-09-07 13:03:28Z

1

I usually do it in this way,

class myCustomClass {

    foo(value) {
        // do some stuff
    }

    faa() {
        var me = this;
        // do some stuff
        $.getJSON(someUrl, function(data) {
            // how call the method foo(value) here ?
            me.foo('fii'); // error occured here, because 'this' is not in 'class' context        
        });
    }
}

edited Sep 7, 2019 at 13:03

nash11

8,7603 gold badges23 silver badges58 bronze badges

answered Nov 14, 2018 at 17:04

Victor Xie

1461 silver badge9 bronze badges

1 Comment

Victor Xie Over a year ago

sorry, a little bit late, duplicate

Collectives™ on Stack Overflow

OOP javascript, from a AJAX 'statement' in a method, how call an another method of the class?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related