Jquery getJson not calling callback

Question

I have the following javascript code:

$.get("categories/json_get_cities/" + stateId,  function(result)
        {            
            //code here
        }, 'json'
    );

And the PHP code which processes it basically outputs something like this:

function json_get_cities($stateId)
{
    //code here
    echo json_encode(array('cities'=>$cities));
}

In the firebug console I can see that the ajax request is being made as expected, a 200 OK response is received, and a proper-seeming JSON object containing the cities is returned. However for some reason, the callback function I'm passing on to jquery is not being called.

Even putting a debugger call in at the top of the function, i.e

$.get("categories/json_get_cities/" + stateId,  function(result)
        {            
            debugger;
            //code here
        }, 'json'
    );

doesn't work. However if I remove the 3rd argument of 'json' the function is then called (but the response text is treated as plain text instead of being a JSON object).

Here's the JSON response returned by the server:

{"cities":[{"id":"1613","stateId":"5","name":"Acton"}]}

Any thoughts?

Damn. Same problem as you but with latest Chrome. Edge is fine and JSON is valid. — MSC
– MSC, Commented Aug 31, 2016 at 10:50

David Hellsing · Accepted Answer · 2010-02-15 17:12:23Z

11

Did you confirm that this is valid JSON? In jQuery 1.4 the JSON parsing is done in a strict manner, any malformed JSON is rejected and a parsererror is thrown.

Try console.log(arguments) in the callback to debug.

Also, you state that 'json' is the fourth argument, but it should be the third (as in your example).

answered Feb 15, 2010 at 17:12

David Hellsing

109k44 gold badges181 silver badges214 bronze badges

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

1 Comment

Ali Over a year ago

Strangely enough it worked when i put in console.log, must've been a cache issue

Community · Accepted Answer · 2017-06-09 22:09:32Z

8

Make sure the json is valid using this...

JSON Validator

edited Jun 9, 2017 at 22:09

CommunityBot

11 silver badge

answered Feb 15, 2010 at 17:17

ctrlShiftBryan

27.9k26 gold badges76 silver badges78 bronze badges

Comments

aw crud · Accepted Answer · 2010-02-15 19:25:21Z

3

Another way to debug some of these ajax problems is to use the .ajax method, passing GET as the method type, rather than the .get method. This will allow you to specify an error callback function in addition to a success method.

answered Feb 15, 2010 at 19:25

aw crud

8,94121 gold badges79 silver badges117 bronze badges

Comments

kleopatra · Accepted Answer · 2012-11-17 10:38:42Z

1

Remember, JSON field names must be surrounded with quotes like the values when writing json in files for jquery to load. Ex:

In code:

{
  name: "value"
}

In JSON file:

{
  "name": "value"
}

edited Nov 17, 2012 at 10:38

kleopatra

51.6k28 gold badges103 silver badges220 bronze badges

answered Nov 17, 2012 at 10:11

arieljake

5155 silver badges11 bronze badges

Collectives™ on Stack Overflow

Jquery getJson not calling callback

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related