jQuery.ajax() + empty JSON object = parse error

Question

I get a parse error when using jQuery to load some JSON data. Here's a snippet of my code:

jQuery.ajax({
    dataType: "json",

    success: function (json)
    {
        jQuery.each(json, function ()
        {
            alert(this["columnName"]);
        });
    }
});

I get no errors when parsing a non-empty JSON object. So my guess is that the problem is with my serializer.

Question is: how do I format an empty JSON object which jQuery won't consider malformed?

This is what I've tried so far, with no success:

{[]}

{[null]}

{}

{null}


{"rows": []}

{"rows": null}

{"rows": {}}

UPDATE:

I can understand that I've been somewhat vague--let me try and clarify:

Parsing of the JSON object is not the issue here--JQuery is - I think.

jQuery throws a parse-error (invokes the error function). It seems like jQuery's internal JSON validation is not accepting any of the before mentioned objects. Not even the valid ones.

Output of the error function is:

XMLHttpRequest: XMLHttpRequest readyState=4 status=200
textStatus: parsererror
errorThrown: undefined

This goes for all of the before mentioned objects.

all but you're 3rd example aren't valid JSON, as there is no key in the dictionary — cobbal
– cobbal, Commented Apr 6, 2009 at 12:18
I think I have the same problem. I just see the error message in FireBug: "[Exception... "'SyntaxError: JSON.parse' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "<unknown>" data: no]". Any solution to this, yet? — BlaM
– BlaM, Commented May 13, 2009 at 9:44

Adam · Accepted Answer · 2014-03-07 05:24:41Z

10

The solution is to return a status code of 204 rather than 200 from the server, 204 is "no content" and it will return success while not trying to invoke the parser

answered Mar 7, 2014 at 5:24

Adam

1311 silver badge2 bronze badges

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

Comments

Simon Lieschke · Accepted Answer · 2009-04-06 13:40:09Z

Firstly {[]}, {[null]}, and {null} won't work because they are all invalid JSON objects (as verified by the JSON validator).

The remaining objects are all valid JSON objects, so your success function should be getting invoked.

If you pass a non-array or array-like object object then the each function will enumerate your json object by its named properties. In the case of your three objects that each have a rows property this will be set to [], null, and {} respectively, none of which have a columnName attribute so an undefined error will be thrown.

Your {} object on the other hand has no properties, so shouldn't be causing an error because the each call will loop 0 times. What does the following line display if you add it as the first line in your success function?

alert(typeof json + ' ' + (json == null));

mkoryak · Accepted Answer · 2009-04-06 13:21:36Z

2

you are looking for this:

[]

an empty array. That is, if you plan to iterate over it right away, then what you need is an array.

answered Apr 6, 2009 at 13:21

mkoryak

58.1k64 gold badges204 silver badges262 bronze badges

Comments

Remi Despres-Smyth · Accepted Answer · 2010-04-27 13:31:22Z

2

Your web service may be returning null. I've found that returning null from a web service call returns a response with status code 200, "Ok", but jQuery throws a parseerror afterwards.

If this is the case, it has nothing to do with what you're sending up to the server, and everything with what the server is sending back.

If you're able to change the web service, you might want to try returning an empty JSON object, or a default value instead of Null. Alternatively, you could check for this error scenario in your error handler, knowing that this means your call returned null.

answered Apr 27, 2010 at 13:31

Remi Despres-Smyth

4,2733 gold badges40 silver badges51 bronze badges

Comments

Botond Béres · Accepted Answer · 2009-04-06 13:20:52Z

1

Did you verify if the JSON is returned correctly in the first place before the each? Set the empty value as {}, and verify if it is like that before .each

Also it would help to know how your JSON looks like when there is data.

answered Apr 6, 2009 at 13:20

Botond Béres

16.8k2 gold badges39 silver badges51 bronze badges

Comments

cllpse · Accepted Answer · 2009-09-30 21:48:36Z

1

Instead of:

$(json).each(function () { ... });

I think you want to be using:

$.each(json, function () { ... });

From the jQuery.each documentation:

This function is not the same as $().each() - which is used to iterate, exclusively, over a jQuery object. This function can be used to iterate over anything.

edited Sep 30, 2009 at 21:48

cllpse

21.8k37 gold badges134 silver badges170 bronze badges

answered Apr 6, 2009 at 12:43

Simon Lieschke

13.4k6 gold badges48 silver badges60 bronze badges

1 Comment

cllpse Over a year ago

Type'o. But thanks--edited and saved. Not really an answer though.

Chris · Accepted Answer · 2011-06-23 12:21:57Z

0

I was experiencing similar problems when requesting valid JSON from the server.

My server was serving the content-type of text/javascript

I was not using the optional jQuery.ajax setting of 'dataType' so jQuery was interpretting the output a javascript (eg padded JSON), not neat JSON.

Adding a dataType:'JSON' to the settings object passed to jQuery's ajax method solved the problem.

answered Jun 23, 2011 at 12:21

Chris

211 bronze badge

Comments

Bowofola · Accepted Answer · 2013-09-18 19:07:17Z

0

Had this problem as well, and solved it by using the jsonserializer in my web service to format an empty string. result is was "\"\"" essentially "" ;

answered Sep 18, 2013 at 19:07

Bowofola

1,1809 silver badges12 bronze badges

Collectives™ on Stack Overflow

jQuery.ajax() + empty JSON object = parse error

8 Answers 8

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related