Question

I am using $.getJSON to call a url and fetch JSON data at http://jsfiddle.net/9Desk/

Although the JSON is retrieved https://i.stack.imgur.com/GE6HI.png, I am unable to execute the success function.

$(function () {
    $.getJSON(url)
    .success(function (data) {
        alert(data);
        var listItems = ""; 
    });
});​

Can anyone tell me where am I going wrong and why?

Answer 1

You need to treat the request as jsonp instead of plain json. To do so, just define the callback as callback=? instead of callback=listPlaces. From the documentation:

If the URL includes the string “callback=?” (or similar, as
defined by the server-side API), the request is treated as JSONP
instead. See the discussion of the jsonp data type in $.ajax() for
more details.

DEMO.