jQuery .getJSON() callback function isn't executing

Question

I've got this in my code:

 .getJSON("http://myUrl.com", function(data){ alert("callback being called");});

Using a break point in my server side code I can see the jSON stream being returned from the url. Stepping through in Chrome I never see the alert invoked (or any other code inside there). When I look at the network traffic using the chrome developer tools I see that the call is being made to myURl (and I can see the response as the jSON string I'm expecting). It just appears the call back function is never executing.

Anyone have an idea of why it wouldn't be executing?

Is your json valid? http://stackoverflow.com/questions/770381/callback-function-doesnt-work-when-using-getjson-function-in-jquery — jrummell, Oct 11 '11 at 20:09
Is your code running on a different domain to `http://myUrl.com`? — Eric, Oct 11 '11 at 20:12
Are you trying to load JSON from a different domain than that of the page? If so, you should read up on same-origin restrictions. — jfriend00, Oct 11 '11 at 20:12

score 1 · Answer 1 · answered Oct 12 '11 at 14:15

I had several issues most of which were resolved by digging a little deeper on here (my bad but maybe this can help others still).

I wasn't returning the right content type (application/json)
My json wasn't parsing correctly (I had a semi-colon at the end and extra commas at the end of array declarations http://paulisageek.com/json_validator/ helped validate my json.
using the .ajax() method with the error binding also helped me trouble shoot my issues.

Was frustrating because no exceptions/errors were thrown it just refused to call the callback.

score 0 · Answer 2 · answered Oct 11 '11 at 21:44

0

you can check the POINT NO 2 with in this tutorial - link

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

answered Oct 11 '11 at 21:44

Vikas Naranje

2,350
5
30
40

score 0 · Answer 3 · answered Oct 11 '11 at 22:04

Try the following first and then replace with your URL

<script type="text/javascript">
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
    function (data) { alert("callback being called");}
    );
</script>

jQuery .getJSON() callback function isn't executing

3 Answers3