Access javascript object created in a function

Question

I'm making my first steps with javascript objects combined with php objects. So far everything is working fine, but I struggle to access the javascript object created in the ajax success response outside of this function.

Here is my JS code:

function settings(mannstage, stundenlohn, tags) {
    this.mannstage = mannstage;
    this.stundenlohn = stundenlohn;
    this.tags = tags;
}
var currentSettings;
SendAjaxJsonRequest("getSettings");

function SendAjaxJsonRequest(method, jsonObject) {
    jsonObject = (typeof jsonObject === "undefined") ? "none" : jsonObject;
    $.ajax({
        type: "POST",
        url: "app/class/controller/ajax.php",
        data: {
            method: method,
            jsonObject: jsonObject
        },
        success: onSuccess
    })
};

function onSuccess(content) {

    var response = $.parseJSON(content);
    currentSettings = new settings(response.mannstage, response.stundenlohn, response.tags);
    console.log(currentSettings); //Returns the object
}
console.log(currentSettings); //This is undefined

The last console.log is undefined. How can I make currentSettingsaccessible outside the onSuccess function?

Thank you!

Subash Selvaraj · Accepted Answer · 2014-02-06 15:46:31Z

2

Ajax is asynchronous, so the last console.log will be executed before the success function is called.

answered Feb 6, 2014 at 15:46

Subash Selvaraj

3,3871 gold badge16 silver badges17 bronze badges

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

Comments

Paul D. Waite · Accepted Answer · 2014-02-06 15:46:26Z

1

currentSettings is accessible outside the onSuccess function, but your last console.log call runs immediately after onSuccess is defined, which is before it's been called, so the value of currentSettings is still undefined at that point.

Maybe editing your code like this will demonstrate it:

function onSuccess(content) {

    var response = $.parseJSON(content);
    currentSettings = new settings(response.mannstage, response.stundenlohn, response.tags);
    console.log(currentSettings); //Returns the object
    afterSuccess(); // Also returns the object
}

function afterSuccess() {
    console.log(currentSettings);
}

answered Feb 6, 2014 at 15:46

Paul D. Waite

99.4k57 gold badges204 silver badges275 bronze badges

3 Comments

Sebsemillia Over a year ago

I didn't think about the asynchronicity of ajax. Thank you very much!

Paul D. Waite Over a year ago

@Sebsemillia: you're most welcome. The "A" is for asynchronous! (But then again the "X" is for "XML", so maybe the acronym isn't particularly relevant.)

Sebsemillia Over a year ago

Hehe, I know! But now I will remember.. ;)

Collectives™ on Stack Overflow

Access javascript object created in a function

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related