$.getJSON difficulties with infoWindow

Question

Here at the last pset, I run into the first time I had to post a question (instead of just browsing other questions' answers).

I have clickable markers, but content never fills in. When a marker is clicked, an empty infoWindow appears.

marker.addListener('click', function(){

    var content = "";

    // pull articles
    var parameters = {geo: place.postal_code}

    $.getJSON("articles.php", parameters)
    .done(function(data, textStatus, jqXHR) {
        // if there are any articles
        // add items in data to list
        // else, set content default message
    })
    .fail(function(jqXHR, textStatus, errorThrown) {
        // log error to browser's console
        console.log(errorThrown.toString());
    });

    showInfo(marker, content);
});

Am I failing to return content so showInfo can access it?

I've tried the recommendations from $.getJSON and $.ajax not working and $.getJSON in PSET8 mashup's addMarker function in scripts.js and addMarker pset8 mashup JSON not returning data, and none of them worked.

Thanks.

Answer 1

I thought the problem was in the $.getJSON part, but instead, it was putting showInfo(marker, content); OUTSIDE $.getJSON.done. As @ChrisG helped me discover (see comments above), it returns at the end of .done, so content had not been accessible to showInfo.

A few window.alerts demonstrated that $.getJSON was working properly, so from there, it wasn't hard to move the last puzzle piece - showInfo(marker, content); INSIDE $.getJSON.done.

Thanks, ChrisG!