Javascript/JQuery annoymous function variable issue

Asked Oct 17 '15 at 13:57

Active Oct 17 '15 at 13:57

Viewed 16 times

I'm having a small problem to do with capturing variable values in anonymous functions.

Here's my code.

function register(email, username, password) {

    var postFields = {
        email: email,
        username: username,
        password: password
    };

    var response = null;

    $.post("../ajax/register/", postFields, function(result) {
        response = result;

        //I can print the contents of the variable response here
        console.log("First " + response);
    });

    //But it prints null when I try to print it here
    console.log("Second " + response);

    return JSON.parse(response);
}

The post request returns a perfectly fine JSON response so I'm wondering what the issue could be.

Any help on this would be appreciated.

asked Oct 17 '15 at 13:57

Toph

That's because ajax calls are asynchronous. – Bhargav Ponnapalli Oct 17 '15 at 13:59
AJAX is async ..so `console.log("Second " + response);` runs before the response is received – Sandeep Nayak Oct 17 '15 at 13:59
I see, makes sense. But I'm still unsure on how to resolve the issue, I read on callbacks but I don't know how to incooperate that with my code. – Toph Oct 17 '15 at 14:11
Take a look at `$.Deferred` – Sandeep Nayak Oct 17 '15 at 14:15

Javascript/JQuery annoymous function variable issue

0 Answers0