javascript access function from another namespace in namespaced ajax functions callback

Question

I need some help with my javascript code. I just recently started using namespaces and I have a problem which I am not able to solve.

I have two files data.js and themes.js with a namespace on each data and themes respectively. On data namespace I have a function to perform an ajax call like this:

var data = data || {};data = {
    get_companies: function (id) {
        $.ajax({
            //blah blah blah
        });
    }
}

and in the themes namespace i have a function like this:

var themes = themes || {};
themes = {
    themeAdd: function () {
    //blah blah
        $.ajax({
            //blah blah
            success: function (data) {
                data.get_companies('#someid');
            }
        });
    }
}

The problem is, while I can access data.get_companies from themes.js file and console, when I try to call it inside ajax callback it produces an error (data.get_companies is not a function). How can I fix that and why I can't access this function in ajax callbacks?

first place your themes.js and then data.js , let see ? Hierachy matter — Asif Raza
– Asif Raza, Commented May 24, 2017 at 9:13
English is not my main language but i load them like that :<script src="public/history2/data.js"></script> <script src="public/history2/theme.js"></script> if thats what you mean.Also those two attach to click handlers so they are both loaded on call time — liakos lakamas
– liakos lakamas, Commented May 24, 2017 at 9:14
var data = data || {}; data = { makes no sense. As soon you do data = { you're out of game, making data = data || {}; absolutely useless. — Roko C. Buljan
– Roko C. Buljan, Commented May 24, 2017 at 10:06

strah · Accepted Answer · 2017-05-24 09:18:33Z

1

In your ajax success callback change the name of the argument passed to it:

$.ajax({
    //blah blah
    success: function (response) {
        data.get_companies('#someid');
    }
};

At the moment you define an anonymous function with an arument called data, so inside this function data is what has been received by AJAX request, not your global data object.

You could also try to access it like this:

$.ajax({
    //blah blah
    success: function (data) {
        window.data.get_companies('#someid');
    }
};

answered May 24, 2017 at 9:18

strah

6,7404 gold badges35 silver badges45 bronze badges

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

1 Comment

liakos lakamas Over a year ago

works like charm!!!To understand better this is caused by naming collision between ajax argument and namespace??

Collectives™ on Stack Overflow

javascript access function from another namespace in namespaced ajax functions callback

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related