Callback function being skipped on jQueries .getJSON command

Question

I have the following snippet of code:

$('input#teamName').live('blur', function() {
  var value = $(this).val();
  if (value) {
    $.getJSON('api/event_company/'+value, function(data) {
      console.log('why does this not want to work?');
    });
  }
});

Basically all it's doing is requesting some data from the server when a form field changes. My problem is that nothing in the callback function every gets called even though I can see using firebug that it has successfully sent a request to the server and received a valid JSON response.

If I change the getJSON parameters to:

$.getJSON('api/event_company/'+value, alert('Blah'));

Then the alert pops up as expected. Any ideas what might be causing this behavior?

Not sure about the first one, but the reason the alert('Blah') works is because you're not passing it as a callback. You're calling the alert() and passing its return value, which is undefined. — user113716
– user113716, Commented Sep 8, 2010 at 16:08

Anurag · Accepted Answer · 2010-09-08 16:08:53Z

4

If the JSON is invalid, the parsing will fail and the handler won't be called. From getJSON docs:

Important: 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/.

See if your JSON validates.

Your second example is not correct. It should instead be,

$.getJSON('api/event_company/'+value, function() {
    alert('Blah');
});

answered Sep 8, 2010 at 16:08

Anurag

142k37 gold badges223 silver badges262 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ian Burris Over a year ago

Arg. I forgot that I was outputting some extra data when I was debugging things earlier so I wasn't actually returning valid JSON. Thanks.

Collectives™ on Stack Overflow

Callback function being skipped on jQueries .getJSON command

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related