Nested JSON requests in javascript

Question

So trying to get two JSON requests to happen after each other, and seems like the javascript does the first request, but never even attempts the second one.

So, first one asks for colors, the second one asks for values, the code looks like this

(function() { 
    var mapKeyUrl = "/GenMap/getcountry/mapdata"
    $.getJSON(mapKeyUrl, {
        regsel: "${regsel}",
        variable: "mapcolor"
    })
    .done(function( coldata ) { 
        console.log( "JSON Data: " + coldata[1].value );
        (function() {
            mapKeyUrl = "/GenMap/getcountry/mapdata"
            $.getJSON(mapKeyUrl, {
                regsel: "${regsel}",
                variable: "mapkey"

            })
            .done(function( mapdata ) {
                console.log( "JSON Map:" + mapdata)
            })
        })

    });
})();

Both requests return valid JSON data, so mapcolor for example:

[{"class":"genmap.Mapconf","id":55,"map":"0","reg":"FATCA","value":"#F0F0F0","variable":"mapcolor"},{"class":"genmap.Mapconf","id":56,"map":"1","reg":"FATCA","value":"#66CCFF","variable":"mapcolor"},{"class":"genmap.Mapconf","id":57,"map":"2","reg":"FATCA","value":"#0000FF","variable":"mapcolor"},{"class":"genmap.Mapconf","id":58,"map":"3","reg":"FATCA","value":"#CC66FF","variable":"mapcolor"},{"class":"genmap.Mapconf","id":59,"map":"4","reg":"FATCA","value":"#9900CC","variable":"mapcolor"},{"class":"genmap.Mapconf","id":60,"map":"5","reg":"FATCA","value":"#7D7D7D","variable":"mapcolor"}]

And mapkey returns a similar list.

Any suggestions, need to run three of these, and one I have all the data I need to recombine it.

have you tried stepping through the code to see what happens? — pquest
– pquest, Commented Oct 7, 2014 at 12:25
My guess is that you end up in a fail callback in your first call. Try adding one — Johan
– Johan, Commented Oct 7, 2014 at 12:27
You're never calling the second function. At the end of the main function you have })(); with the () to call it, but at the end of the inner function you just have }) — Stryner
– Stryner, Commented Oct 7, 2014 at 12:28
The problem is that you wrap second AJAX request with anonymous function which never invoked. Just remove these wrapping lines and the code will work — hindmost
– hindmost, Commented Oct 7, 2014 at 12:32

jgillich · Accepted Answer · 2014-10-07 13:42:13Z

2

(function() {
    mapKeyUrl = "/GenMap/getcountry/mapdata"
    //...
})

You define a function but you never call it, which is why it doesn't run.

Since there is no point in wrapping it in a function anyway, just omit it:

.done(function( coldata ) { 
    console.log( "JSON Data: " + coldata[1].value );

    mapKeyUrl = "/GenMap/getcountry/mapdata"
    $.getJSON(mapKeyUrl, {
        regsel: "${regsel}",
        variable: "mapkey"

    }).done(function( mapdata ) {
        console.log( "JSON Map:" + mapdata)
    });

});

edited Oct 7, 2014 at 13:42

answered Oct 7, 2014 at 12:28

jgillich

77.2k7 gold badges61 silver badges89 bronze badges

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

4 Comments

vrghost Over a year ago

Well spotted and thank you so very much. Been swearing about JSON for a while, so thought it was another wonderful JSON special, turned out it was me forgetting to add var :)

vrghost Over a year ago

OK, so I changed it to be a var, but that does not seem to do the trick, or am I missing the point? Still only one response

jgillich Over a year ago

@vrghost Updated my answer. It helps to learn the basics before doing complex AJAX stuff. ;) developer.mozilla.org/en/learn/javascript

vrghost Over a year ago

@jglitch: I would have loved to not need to use JSON, but needed a way to get data from the backend to the browser, and that was the only way I could find to do it:)

developerCK · Accepted Answer · 2014-10-07 12:33:44Z

1

please use this inside function.@jgillich is right.you can call it like as you done in parent function.

(function() {
        mapKeyUrl = "/GenMap/getcountry/mapdata"
        $.getJSON(mapKeyUrl, {
            regsel: "${regsel}",
            variable: "mapkey"

        })
        .done(function( mapdata ) {
            console.log( "JSON Map:" + mapdata)
        })
    })();

answered Oct 7, 2014 at 12:33

developerCK

4,5263 gold badges19 silver badges35 bronze badges

Collectives™ on Stack Overflow

Nested JSON requests in javascript

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related