CODEWITHSUNDEEP
javascriptjquerygetjson
user2468491
user2468491

Reputation: 151

Simple jQuery script fails to do anything

I'm new to jQuery and I have a simple jQuery script.

I've put this in my header:

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'/>

In my body, I have this:

<script type='text/javascript'>
  $(document).ready(function() {
    alert(1);
    $.getJSON('http://puppygifs.tumblr.com/api/read/json', function(data) {
      alert(2);
    });
  });
</script>

But, while Firebug says the JSON is accessed and there are no errors, I only get the first alert, not the second. Why doesn't the second alert execute?

Upvotes: 0

Views: 86

Answers (1)

Kevin Bowersox
Kevin Bowersox

Reputation: 94429

The json response returned by http://puppygifs.tumblr.com/api/read/json is not valid json, which causes the success handler not to execute.

If you look at the first line the response its var tumblr_api_read={, which isn't valid. To see a valid json example checkout: http://json.org/example.html

This situation is noted in the Jquery Documentation:

As of jQuery 1.4, if the JSON file contains a syntax error, the request will usually fail silently. Avoid frequent hand-editing of JSON data for this reason. JSON is a data-interchange format with syntax rules that are stricter than those of JavaScript's object literal notation. For example, all strings represented in JSON, whether they are properties or values, must be enclosed in double-quotes. For details on the JSON format, see http://json.org/.

getJson Documentation

Also be sure to close the script tag with an end tag and not the shorthand end tag

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>

If you are accessing this json from outside the providing domain you must indicate its jsonp This can be accomplished by appending &callback=? to the url as described in the jQuery Documentation.

$(document).ready(function() {
    alert(1);
      $.getJSON('http://services.faa.gov/airport/status/SFO?' + 
              'format=application/json&callback=?', function(data){
      alert(2);
    });
  });

JS Fiddle http://jsfiddle.net/J5jYW/

Upvotes: 3

Related Questions