jQuery .getJSON not working...

Question

Hi guys,

I'm just learning how to utilise ajax/json with jquery and I've hit a brick wall that I just don't understand.

Here is my code - VERY simple code:

$("#click").click(function() {
    $.getJSON("http://localhost/jsontest/a.json", function(data) {
        alert("done"); 
    });

   });

Basically, load a.json and send an alert to the screen saying done.

Here are the contents of a.json:

{ "done": "37" }

That's it.

It doesn't work though... the alert is not displayed.

Any ideas folks?

Answer 1

Is there any error returned from firebug?

I'd start by changing:

$.getJSON("http://localhost/jsontest/a.json?callback=?", function(data) {

to:

$.getJSON("http://localhost/jsontest/a.json", 'callback=?', function(data) {

Answer 2

The alert is at the wrong place. It should be the callback parameter. http://api.jquery.com/jQuery.getJSON/

Answer 3

Try this:

$.getJSON("http://localhost/jsontest/a.json", { }, function(data) {
    alert(data.done);
});

Answer 4

I'm betting on this: you forgot to put that setup code in a <script> block after your "click" element, or in a "ready" handler:

$(function() {
  $('#click').click(function() { /* ... same stuff as you have ... */ });
});