Access class variable in jquery

Question

I have a select in my html and would like to add the options via ajax when the page loads. The options values are in my DB and I get them via a call to ajax. To do so, I'm writing a class in javascript but I just can't get my data when it runs. Please take a look :

--- Main.js ---

function MyLoader() {
    this._clients = null;
    this._code = null;
}

Loader.prototype = {

    var context = this;

    loadClients: function() {
        $.ajax({
            url: "my/php/",
            type: "POST",
            data: {...},
            success: function(response) {
                context._clients = response;
            }
        });
    },

    getCode: function() {...}
};

Then I have the following :

$(document).ready(function() {
    var loader = new Loader();
    loader.loadClients();
    alert(loader._clients);

    //Here I want to add my options to the select
});

My alert always returns null, and I don't understand why. I need to save my data in the class in order to access them anytime I need to.

Can you point me to the right direction to make all my stuff work ? Thank you for your answers.

I Hate Lazy · Accepted Answer · 2012-11-06 02:40:30Z

1

Loader.prototype = { //     v---callback parameter
    loadClients: function(callback) {
        $.ajax({
            url: "my/php/",
            context: this, // <---set success context
            type: "POST",
            data: {...},
            success: callback // <---pass callback
        });
    },

    getCode: function() {...}
};

$(document).ready(function() {
    var loader = new Loader();
                      //  v---pass callback
    loader.loadClients(function(response) {
        this._clients = response;
        alert(this._clients);
        //Here I want to add my options to the select
    });

});

answered Nov 6, 2012 at 2:40

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

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

Comments

laserface · Accepted Answer · 2012-11-06 02:39:33Z

0

I believe that you need to do all of your dynamic loading inside of your 'success' callback, since it is loading asynchronously.

answered Nov 6, 2012 at 2:39

laserface

4671 gold badge5 silver badges12 bronze badges

Comments

user1796666 · Accepted Answer · 2012-11-06 02:40:31Z

0

You need to do it inside the success callback since it's async:

Loader.prototype = {

    var context = this;

    loadClients: function() {
        $.ajax({
            url: "my/php/",
            type: "POST",
            data: {...},
            success: function(response) {
                context._clients = response;
                alert(loader._clients);

               //Here I want to add my options to the select
            }
        });
    },

    getCode: function() {...}
};

$(document).ready(function() {
    var loader = new Loader();
    loader.loadClients();
});

answered Nov 6, 2012 at 2:40

user1796666

Collectives™ on Stack Overflow

Access class variable in jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related